A Better LightBox Using jQuery
| Posted by watashii | Filed under Programming, Web
The jQuery lightBox plugin (by Leandro Vieira Pinho) uses the jQuery JavaScript library to create an overlay effect of opening up images on top of a web page, and creating a navigable slideshow view. See my demo below.
Setting this up on your own web page is an easy 2-step process: include the JavaScript and CSS on the webpage header, and then call the jQuery function. The only change required is on the header.
This plugin is an improvement over the LighBox2 plugin which was demonstrated earlier, because we didn’t need to modify our link tags to activate it, thanks to the jQuery element selector.
[Demo]
[Download Source Files]
Tags: css, demo, images, javascript, jquery, lightbox
Overlay & Slideshow Images with Lightbox 2
| Posted by watashii | Filed under Programming, Web
The Lightbox2 plugin uses the Prototype and Scriptaculous JavaScript libraries to create an overlay effect of opening up images on top of a web page, and creating a navigable slideshow view.
Setting this up on your own web page is an easy 2-step process: include the JavaScript and CSS on the header, and then on each link tag embed the rel=”lightbox” and title=”my caption” attributes.
[Demo]
[Download Source Files]
Tags: css, images, javascript, lightbox
