SexyLightBox is a clon, sexier and more lightweight than the classic LightBox. It was constructed while thinking about web designers toward an easy installation and use.

Compatible with:

• mootools 1.2
• All modern browsers (and Internet Explorer)

Step 1

Setup for mootools:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="sexylightbox.v2.1.mootools.js"></script>
<link rel="stylesheet" href="sexylightbox.css" type="text/css" media="all" />

Step 2

Declare SexyLightbox:

<script type="text/javascript">
  window.addEvent('domready', function(){
    SexyLightbox = new SexyLightBox();
  });
</script>

Step 3

Now you can use:

<a href="images/neuquen.jpg" rel="sexylightbox">Neuquen</a>

Links

Example Blog