Easy Lightbox Implementation

Dynamic Drive has a newly written script for an easy implementation of a lightbox to view larger versions of thumbnail images.

The script is pretty compact and the lightbox viewer only takes up a small portion of the screen rather than the entire thing like most implementations of a lightbox do. The appearance of the lightbox is very easy to modify using CSS.

To tag the link to show in the viewer, simply give the link a rel attribute of “thumbnail”. The lightbox will be centered on the page and can optionally display a text description based on the activating link’s title attribute. Not sure why you would want to, but you can also turn the fadin geffect off if you’d like.

lightbox thumbnail viewer
This entry was posted on Friday, January 26th, 2007.
You can leave a comment, or trackback from your own site.

2 Comments

  1. saumendra swain, February 26, 2007:

    The LightBox implementation, makes things better and simpler in UI perspective. This article is very informative .

    thanks

  2. Vernon, February 26, 2007:

    You are more than welcome. You are definitely right about making things better with a simpler UI perspective. Although there are quite a few different versions of a lightbox script available, I do like this one.

Leave a comment