Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
1. Add all downloaded images to images folder.
3. Add css file to css folder.
I have used Lightbox2 with listView.
<link rel="stylesheet" href="css/lightbox.css" type="text/css"
<a href='' rel="lightbox[roadtrip]" style="text-decoration:none;
border:0 none;"><img src=''alt="pic" width="200px" height="200px"style="text-decoration: none;border:0 none;" /> </a>
rel="lightbox" attribute to any link tag to activate the lightbox. For example:
If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:
LightBox 2 is a perfect tool for displaying a large or small number of images in an interesting way …