ajSlider Documentation

Step 1 : Include the js Files

Step 2 : HTML

                  
	
                    	
                    	
                    	
                    	
                    	

                    Text 1	
                    Text 2	
                    Text 3	
                    Text 4	
                    Text 5	
                  
 
                  

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