DOCUMENTATION

You can set up the ajSlider in your webpage in 3 simple steps

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	
  });	
});



  Download js

  Github

  Demo

  More Plugins