Image Box (Light Box) is a javascript image viewer for Blogger. Click on the image bellow to see an example:
Installation
- open Blogger Dashboard
- go to Layout > Edit HTML
- find the ending head tag (</head>)
- insert this code inside the HEAD section, just before the mentioned </head> tag:
<link rel="stylesheet" href="https://stuff.igorware.com/image-view/css/image-view.css" /> <script src="https://stuff.igorware.com/image-view/js/image-view.js" />
I would appreciate it if you would download those two files (CSS and JS) and use your own hosting (that dog ^ will eat you if you don’t).
And it is usually better (speed-wise) to put javascript code at the bottom of the page, just before </body> tag (I didn’t do it so that article would be simpler to understand).
Usage
You just need to use standard blogger image uploader, Image Box aka Light Box will automatically hook into all your images, you don’t need to change anything. This should save you some time if you already have hundreds of posts and images in your blog.
Browser Compatibility
I tested this script with Firefox 3.5, Opera 10, Safari 4, Google Chrome 3 and IE5, IE6, IE8. All of them are working great.
P.S. I would be interested to know about compatibility with other (non windows) browsers via comment section below.
not working wth test post please help
http://mytestposts.blogspot.com/2009/12/test-posts-2.html
Your blog has different class for posts, i changed my script. It should work now.
It works in my blog… thanks for this…
Comment by: The Rookie Blogger
Light box is quite a popular thing which everyone might be aware of. There is one more feature of lightbox i.e. lytebox that can help you to get good results with your images.
Working! I implemented it on my blog and it works like a charm. I will just need to find a suitable home for the JS. Thanks! Cheers!
Awesome.. Working like a charm.. Thanks a ton!! :)
Hello everybody! I do not know where to begin but hope this blog.igorware.com will be useful for me. and Happy New Year!