- Donwload CSS file (mylightbox.css) and JavaScript (mylightbox.js)
and also both images (load.gif & overlay.png)
and copy them next to your page.
- Insert CSS in <head> section :
<head>
...
<link rel="stylesheet" type="text/css" href="mylightbox.css"/>
...
</head>
- Insert JavaScript at the end of <body> section :
...
<script type="text/javascript" src="mylightbox.js"></script>
</body>
- Just add a "data-lightbox" attribute in your <a> tag :
<a href="yourImage.jpg" title="yourTitle" data-lightbox="true">
You can also download