BlogSlideShow Live Demo

BlogSlideShow is a JS component that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3/HTML5-related ones.

All what you need is to provide links on your images, you want to show. Likely you already have images on blog pages linked. Just add rel attribute containing "blogslideshow" to them.

When you click on such a link, you'll get the image viewer on the overlay. When hovering the overlay you get toolbar appeared by which you can navigate images. Besides, you can use keyboard arrows <-, ->, Esc as well.

Select the visual effect you want to apply:

Now click on one of the following links and enjoy the image viwer.

To make the image viewer available on your page you just need this package files and those lines in your HTML:

The version works properly on Firefox, Google Chrome, Opera, Apple Safari, IE 8.

Source code of BlogSlideShow is available to download at Google Code. Project page and SVN can be found here

The photos are taken from my personal alboum

My other open source works can be found here

More script and css style : www.htmldrive.net