Example 1 - custom width and height

HTML


		

		

		


		
    

		
    • 

		
    • 

		
    • 

		
    • 

		
    • 

		
    •

Javascript


		

		

		$(document).ready(function(){

		$("#example1").tiksluscarouse({width:640,height:480});

		});

Example 2 - CSS3 animation using animate.css

HTML


		

		

		


		
    

	
    • 

		
    • 

		
    • 

		
    • 

		
    • 

		
    •

Javascript


		

		

		$(document).ready(function(){

		$("#example2").tiksluscarouse({width:640,height:480,customAnimationClassIn:'bounceIn',customAnimationClassOut:'bounceOut',type:'custom'});

		});

Example 3 - Adding Captions

HTML


		

		

		


		
    

		
    • 

		
    • 

		
    • 

		
    • 

		
    • 

		
    •

Javascript


		

		

		$(document).ready(function(){

		$("#example3").tiksluscarouse({width:640,height:480});

		});

Example 4 - Rotating images

HTML


		

		

		


		
    

		
    • 

		
    • 

		
    • 

		
    • 

		
    • 

		
    •

Javascript


		

		

		$(document).ready(function(){

		$("#example4").tiksluscarouse({width:259,height:194,type:'rotate'});

		});

Example 5 - Animating Captions

HTML


		

		

		


		
    

		
    • 

		
    • 

		
    • 

		
    • 

		
    • 

		
    •

Javascript


		

		

		$(document).ready(function(){

		$("#example5").tiksluscarouse({width:640,height:480,customAnimationCaption:'bounceIn'});

		});

Example 6 - full screen (do not specify width and height)

HTML


		

		

		


		
    

		
    • 

		
    • 

		
    • 

		
    • 

		
    • 

		
    •

Javascript


		

		

		$(document).ready(function(){

		$("#example6").tiksluscarouse();

		});