A Blog from Mike Irving, Software Developer
By Mike Irving - Published: 15/10/2008
I seem to have been increasingly using the Lightbox Photo Viewer on websites in recent times.
Lightbox is a light-weight, and cross-platform, solution for opening up full-size images within the current browser window.
This is good as we don't need to bombard the user with popup-windows when they want to view images, and also prevents our image links being blocked by popup-blockers, such as the one in the Google Toolbar.
It is easy to implement, simply add rel="lightbox" to your A Tag.
Use the A Tag's title attribute to set a caption for the image.
a href="/images/an-image.jpg" title="an image" rel="lightbox"
By taking this approach, not only is implementation easy, but it is good for Search Engines and SEO because you are still technically linking to the full original image.
Lightbox supports collections of images too. Simply use square brackets to specify collection image sets, i.e. add rel="lightbox[myimages]" to all your image links. This will allow the user to user "Prev" and "Next" buttons to scroll through your images in Lightbox. Left and Right keystrokes are also supported, and pressing Escape will close Lightbox.
I have been very impressed by this piece of software, and will no doubt be using it in future web projects.
View Blog Entries...
Page: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10