Jump Menu : Content | Explore | Comments | Search | Home | Sitemap | Contact | Login | Access.

Lightbox Notes

To add Lightbox functionality to any single image:

  1. Add rel="lightbox" to the anchor tag.
  2. Add a title="" attribute to the anchor tag.
  3. Add an alt="" attribute to the image tag.

To add Lightbox functionality to any series of images:

  1. Add rel="lightbox[value]" to the anchor tag of each image.
  2. Add a title="" attribute to the anchor tag of each image.
  3. Add an alt="" attribute to the image tag of each image.
  4. Any set of pictures with the same rel="lightbox[value]" will display with nav buttons.

Related articles

About this article

This is article #114, posted by Perishable on Sunday, April 02, 2006 @ 02:14pm. Categorized as Websites, and tagged with apps, code, images, lightbox, notes, slideshow. Updated on November 03, 2007. Visited 9214 times. 2 Responses »

BookmarkSubscribeExplore

« Nine Feet • Up • PayPal Sucks »


2 Responses

1 • April 16, 2007 at 12:05 pm — Grace says:

What causes dotted/dashed lines to show across the images while being displaying in lightbox once next or previous is selected?

Is there a fix for this?

2 • April 16, 2007 at 12:25 pm — Perishable says:

Grace,
What do the lines look like? My ability to help you would be greatly improved if you were to provide a link to a page that demonstrates the issue you are describing.
Cheers,
Jeff

[ Comments are closed for this post. ]


Set CSS to lite theme
Set CSS to dark theme