Updated : 2011-09-19

myLightbox v2.3

Browse your image gallery in a simple slideshow (inspired by Lighter Box 2).

Demo

img alt img alt img alt

Tuto

  1. Donwload CSS file (mylightbox.css) and JavaScript (mylightbox.js) and also both images (load.gif & overlay.png) and copy them next to your page.

  2. Insert CSS in <head> section :
    <head>
    	...
    	<link rel="stylesheet" type="text/css" href="mylightbox.css"/>
    	...
    </head>
  3. Insert JavaScript at the end of <body> section :
    	...
    	<script type="text/javascript" src="mylightbox.js"></script>
    </body>
  4. Just add a "data-lightbox" attribute in your <a> tag :
    <a href="yourImage.jpg" title="yourTitle" data-lightbox="true">
You can also download demo.php and read comments in the code.

Download