LightBox2 with

jQuery LightBox2 is free to download.

 jQuery is one of the most popular JavaScript frameworks that have powerful tools for developers to improves the designs integration with web sites and applications.

 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.
2. Copy all javascript files to js folder.
3. Add css file to css folder.

I have used Lightbox2 with listView.

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css"
 media="screen" />
<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>

Add 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 …


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s