Lightbox Notes

Posted on April 2, 2006 in Websites by

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.
Copyright2012PerishablePress

Related articles

2 Responses

  1. [ Gravatar Icon ] Grace says:
    April 16th, 2007 at 12:05 pm

    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. [ Gravatar Icon ] Perishable says:
    April 16th, 2007 at 12:25 pm

    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