Simple Image Gallery Navigation (slider) plugin in jQuery

How to setup
You must include in your page’s HEAD section the jQuery library and the slider plugin :

Add JavaScript Files:

 

 

 

set the CSS for the navigation images :

.simple_slider_hover{
cursor:pointer;
cursor:hand;
}
.simple_slider_disabled {
opacity : 0.2;
filter: alpha(opacity=20);
zoom: 1;
}

JAVASCRIPT:

jQuery('#test').simple_slider({
'leftID': 'leftNav', //ID of the left image navigation
'rightID': 'rightNav', //ID of the right image navigation
'display': 4 //how many images to display at once
});

and an example of image holder :

 

HTML:

alt

alt
alt
alt
alt
alt
alt
alt
alt
alt
alt

alt

Download: http://www.htmldrive.net/items/download/29

Leave a comment