What is Lightbox?
Lightbox permits users to view larger versions of images without having to leave the current page. - Wikipedia
Which lightbox to use?
There are several lightbox style plugins available on the web. You can compare their features from the file size, javascript library used or type of display support.See this fantastic LIGHTBOX CLONES MATRIX.
Lightbox on Blogger.
I found this excellent post from DeluxeBlogTips based on jQuery Lightbox plugin.Features.
Lightweight, 9kb in size.
Simple installation.
No need to modify the HTML code to use.
AUTOMATICALLY applies lightbox effect to all images.
How to Install Lightbox on Blogger.
Dont forget to backup your template!1. Go to EDIT HTML page.
2. Press Ctrl + F. Search for </head>
3. Above </head>, insert the following codes.
<link href="http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script src="http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.min.js" type="text/javascript"></script>
4. SAVE TEMPLATE.
For complete usage of this lightbox clone, check out DeluxeBlogTips post.
Tune in for next tutorial on this series: Lightbox with no Javascript.
Related Websites.
Lightbox Clones MatrixHow to Add Lightbox Effect to Blogger
<< 3 Shared Thoughts >>
April 6, 2013 at 10:04 AM
Hello,
I tried your code and it did get applied but it is taking ages to load the picture that i click on.
All i see is a black overlay with a white box with the loading effect in the middle.
Any help would be highly appreciated
June 9, 2019 at 11:39 PM
You have discussed an interesting topic that everybody should know. Very well explained with examples. I have found a similar website
lightboxes visit the site to know more about sinking.
September 6, 2021 at 5:04 AM
The printing designs are very nice and the designs are unique we need more updates and information about the Name Board Makers in Chennai
back to share