jQuery SimpleCarousel Plugin

Examples > Carousel, Horizontal Switch, Full Functions

Carousel, Horizontal Switch, Full Functions

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="js/jquery.SimpleCarousel.js"></script>
<script type="text/javascript">
(function($){
    $("#carousel").SimpleCarousel({

            // V - Vertical（Default）
            // H - Horizontal
            playDirection: 'H',

            // Default: 0
            defaultPage: 3,

            // Default: 500 ms
            animateDuration: 1000,

            // Default: swing
            // @see http://gsgd.co.uk/sandbox/jquery/easing/
            // @see http://easings.net/zh-cn/
            easing: "easeOutBounce",

            // Default: itemsPerPage (Auto calculate)
            itemsPerStep: 3,

            // Default: false
            autoPlay: true,

            // Default: forward
            pageDirection: "back",

            // Default: 3000 ms
            pageSwitchDelay: 4000,

            // Default: false
            cyclePlay: true,

            // Default: false
            paginated: true
    });
})(jQuery);
</script>