jBGSlideshow

Finally! A jQuery slideshow plugin based on background images!

If you're at all experienced with jQuery galleries and modern web design, you know how frustrating it can be to implement a photo gallery using background images... there aren't many options out there. This is why I created this jQuery plugin.

Background Image Based Rotating Image Gallery

Simply define your container (or the whole body tag), pass in some images and optional links, set a pause time and you're done! This plugin will apply automatically rotating background images to your container. This is very useful for hero images, homepage galleries, splash pages, and more.

Example

    $(document).ready(function() {
        $('body').jBGslideshow({
            pausetime: 3000,
            preloadimages: true,
            images: {
                'img/01.png': '',
                'img/02.png': 'http://www.google.com',
                'img/04.png': ''
            },
            selectedslide: 0
        });
    });

Options include starting slide, pause time, and whether to preload images. Images are passed in as an object with optional links.

Current Status

Link functionality is being worked on. It is suggested to NOT pass in links at this time, but rather just empty strings.

Coming soon: Ability to auto generate clickable 'indicators' Ability to shuffle the image rotation

Authors and Contributors

2013, Robert Waddell (@mrrobwad) http://mrrobwad.blogspot.com/

Support or Contact

Having trouble? Check out https://github.com/MrRobWad/jBGSlideshow.