Submit your widget

Useful gridSlide with jQuery

Created 3 years ago   Views 13511   downloads 2648    Author DanPurdy
Useful gridSlide with jQuery
View DemoDownload 140.0 KB
29
Share |

This is a multi-directional jQuery image slider.

Useful for displaying multiple albums on one page or diorama style photo arrays(house cutouts showing individual rooms etc).

Developed with jQuery 1.10.2 (included with the download) though it will work on many previous versions.

To use just include the plugin file and jquery in the head of your document and initialise the plugin on your slider div within a window.load event as shown below.

$(window).load(function() {
        $('.slider').gridSlide();
    });

The window.load event is necessary to make sure all images are loaded before the plugin messes with things.

A small set of options are available the defaults of which are shown below

 nav: '#slider-nav',
        menu: 'grid',
        title: false,
        imgGrid: false,
        speed: 300

nav: is the default element for the div you wish your navigation options to appear in. Pass a different element as the nav option when you initialise the plugin to change this. For example:

$('.slider').gridslide({
    nav: '.another-div'
});

Read more:https://github.com/DanPurdy/gridSlide