Plugins

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

BlogSlideShow - image viewer with fancy transition effects (+CSS3)


BlogSlideShow is a JQuery plugin 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.

Features:

  • Unique transition effects
  • Easy to setup
  • Progressive enhancement
  • Navigation box
  • Lightweight (~13KB)
  • Linking images
  • Free to use under GPL licence
  • Fully customizable using CSS
  • In 3 ports (pure JS, jQuery, YUI3)
  • Also nice with images of different size
  • To make the image viewer available on your page you just need this package files and those lines in your HTML:

    $(document).ready(function(){
         $('a[rel=blogslideshow]').bsShow({
                effect: 'fade'
            });
    });           

Downloads



5
Your rating: None Average: 5 (1 vote)