jasCarousel | 3D carousel

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

jQuery plugin that lets you create a beautiful responsive 3D carousel slider

Installation

                    
    <link rel="stylesheet" type="text/css" href="https://jascarousel.github.io/jascarousel/css/jas-carousel.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://jascarousel.github.io/jascarousel/js/jas-carousel.js"></script>

HTML Structure

                    
    <ul class="slider">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>

Usage

                    
    $(".slider").jasCarousel({
        margin: 20,
        auto: false,
        speed: 800,
        delay: 2000,
        prevText:'Prev',
        nextText:'Next'
    })