jQuery SimpleCarousel Plugin

Examples > Album, Horizontal Switch, Cycle Play, Customized Easing Effect, Has Pagination

Album, Horizontal Switch, Cycle Play, Customized Easing Effect, Has Pagination

<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-album").SimpleCarousel({

            // Default: #carousel-container
            container: "#carousel-album-container",

            // Default: #carousel-list
            carousel: "#carousel-album-list",

            // Default: #carousel-prev-btn
            prevBtn: "#carousel-album-prev-btn",

            // Default: #carousel-next-btn
            nextBtn: "#carousel-album-next-btn",

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

            // Default: false
            cyclePlay: true,

            // Default: false
            paginated: true,

            // Default: swing
            // @see http://gsgd.co.uk/sandbox/jquery/easing/
            // @see http://easings.net/zh-cn/
            easing: "easeOutBounce"
    });
})(jQuery);
</script>