Thread: creating Jquery light box

Hi,
Here is how i learned to create nice light box from jquery

How it works:
On a Lightbox-enabled page, a user can click an image to have it magnified in a Lightbox window, which resizes itself according to the size of the image using a gliding animation. Lightbox determines which images will be shown in the modal window through the XHTML "rel" attribute, which is used on an <a> element wrapped around the <img> element. Lightbox also provides a way to attach captions to images and to run a slide show, which can be navigated using the arrow keys.

Lightbox permits users to view larger versions of images without having to leave the current page,[4] and is also able to display simple slideshows. The use of the dark background, which dims the page over which the image has been overlaid, also serves to disable the remainder of the interface.
Functionlity
While Lightbox is dependent upon a browser's compatibility with Prototype to function, Lightbox is triggered through a standard link tag. Thus browsers that do not support JavaScript simply load the image as a separate file, losing the Lightbox effect but still retaining the ability to display the full-sized image.Even so, some compatibility problems have been identified with versions of Lightbox, in particular when displaying larger images on Firefox or Opera

Here is the link for downloading and demo for light bos in jquery
http://www.no-margin-for-errors.com/...ightbox-clone/
http://warren.mesozen.com/jquery-lightbox/
http://leandrovieira.com/projects/jquery/lightbox/

Thanks for sharing your expirience with us. Seems do not be difficult to do this and i will try it too.

I also like to use jQuery scripts in my work.