Oct 18
Yes it’s true. My blog has a new feature, “Lightbox” for displaying images:
Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
The installation was really easy.
1. Download Lightbox JS v2.02 (lightbox2.02.zip) from
http://www.huddletogether.com/projects/lightbox2/
2. Unpack it and then upload all files
3. Include lightbox.css in your index template:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
4. Add prototype.js, scriptaculous.js and lightbox.js in your index template:
<script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script>
5. Tag your image links with rel=”lightbox”
6. Finished.
Here is a small example:
[update 19.10.2006 08:50]
Updatet to version 2.02 and adapted the small howto