This technology, when used on your web site, allows visitors to click on thumbnail images to overlay the full-size image on your web page. While the full-size image is being displayed, your web page is shown in the background. When the visitor clicks on the full-size image, the overlay disappears. When the full-size image is large, a downloading screen is displayed. The downloading screen is automatically replaced by the full-size image after downloading. See an example by clicking on the thumbnail below.
How to implement it on your web site?
To use this technology on your web site is extremely easy. All you have to do is add the following lines into the <head></head> section of your web page. These lines have to be located in the "head" section and have to be on every web page that will use this technology.
Next, add the 'rel="lightbox"' tag into every <a href> HTML tag that references a full-size image, as shown in the following code.
<a href="images/front.JPG" rel="lightbox"> <img src="images/front_thumbnail.JPG"> </a>
If you would like to provide a caption to the full-size image, place 'title="your caption"' in the <a href>, along with the 'rel="lightbox"' tag. That's it! You are done. That's all you have to do to use this technology. Simple, huh?
Why are we providing this web service?
So what is the catch of using this web service technology, versus downloading the technology from Lokesh Dhakar's web site?
17 Users Online
Copyright © 1996 - 2022. All Rights Reserved.