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