LightBox Image Viewer for Blogger

Image Box (Light Box) is a javascript image viewer for Blogger. Click on the image bellow to see an example:

Fluffy

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 href='https://image-view.appspot.com/css/image-view.css' rel='stylesheet' type='text/css'/>
    <script src='https://image-view.appspot.com/js/image-view.js' type='text/javascript'/>

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 bellow.

7 thoughts on “LightBox Image Viewer for Blogger

  1. Hello everybody! I do not know where to begin but hope this blog.igorware.com will be useful for me. and Happy New Year!

Leave a Reply

Your email address will not be published. Required fields are marked *