Submit your widget

Simple Image Gallery Navigation (slider) plugin in jQuery

Created 4 years ago   Views 33216   downloads 4123    Author n/a
Simple Image Gallery Navigation (slider) plugin in jQuery
View DemoDownload 33.9 KB
158
Share |

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

Add JavaScript Files:
      <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
      <script src="js/jquery.simple_slider.js" type="text/javascript"></script>

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: