ajSlider Documentation

How to setup the plugin

View Demo   Download

Step 1 : Include the js Files

                  
                  
                  

Step 2 : HTML

                   
                  

Important : Don't forget to enter the width and height of the images if the jQuery is initialized in $(document).ready(function{});

Step 3 : Initialize jQuery

                  $(document).ready(function() {	
                    $('#ajSlider').ajSlider(3000);	
                  }); 
                  
where 3000 is the interval between each slide

More Options

                  $(document).ready(function() {	
                    $('#ajSlider').ajSlider(3000,{	
                     "slideshow":"disable", //disable or enable the slideshow	
                     "width":"100%", //width of slider	
                     "height":"100%", //height of slider	
                     "activeBullet":"red", //color of the active bullet	
                     "inactiveBullet":"orange", //color of inactive bullet	
                     "textPosition":"30%", //position of text from top	
                     "textSize":"60px" //font size of the text	
                    });	
                  });
                  

If you wish to help us continue and improve our services

Donate