What is Lightbox2?

Lightbox2 is a script created by Lokesh Dhakar. It creates an overlay of an image that unfolds on top of the current webpage.

(Click on any of the sample images above to see them expand and overlay on the page using Lightbox2.)

 

Give Lightbox2 a try...

To get started, download the Lighbox2 package here (scroll to the middle of the page until you see "Download Lightbox v2.04").

• Follow the "How To Use: Setup" instructions; it requires you to copy pre-written script in your DW code.

• You will also have to copy over the Lightbox2 css and js folders to your DW site.

• If you want to set up something like you see below, t's a good idea to have your .jpg images ready before you get started.

• Lightbox requires both your smaller "thumbnail" images (like those you see above) as well as your larger overlay images in order to function properly. See example of script below:

<a href="beach.jpg" rel="lightbox" title="Photo: Maeve Ryan / Beach in Fanore, Ireland"><img src="beach_crop.jpg" /></a>

• Note that the rel="lightbox" must be included otherwise Lightbox2 won't function. Also, title is a optional feature (but allows you to include photo captions).

 

• For questions and/or comments, please contact: maeve.ryan@uconn.edu.