jQuery SimpleCarousel Plugin

Examples > Carousel, Horizontal Switch, Auto Play

Horizontal Switch, Auto Play

<script type="text/javascript" src="js/jquery.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: false
        autoPlay: true
    });
})(jQuery);
</script>

Carousel, Horizontal Switch, Auto Play, Page Back

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

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

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

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

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

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

        // Default: false
        autoPlay: true,

        // Default: forward
        pageDirection: "back"
    });
})(jQuery);
</script>