Lightbox Notes

by Jeff Starr on Sunday, April 2, 2006 2 Responses

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.

About the author

[ Jeff Starr ]

Jeff Starr is a web developer, graphic designer and content producer with over 10 years of experience and a passion for quality and detail. Jeff is co-author of the book Digging into WordPress and strives to help people be the best they can be on the Web. + Follow Jeff on Twitter and subscribe to Perishable Press for awesome web-design content delivered fresh.


2 Responses
[ Gravatar Icon ]

Grace#1

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?

[ Gravatar Icon ]

Perishable#2

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

If you have or need further information, contact me.



Previous post: Nine Feet

Next post: PayPal Sucks

Attention: Do NOT follow this link!