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