• basic

    0
    1
    2
    3
    4
    5
    6
    <script>
        $('#jelly-slider01').jellySlider();
    </script>
                            
  • loop

    3
    0
    1
    2
    3
    0
    <script>
        $('#jelly-slider02').jellySlider({
            loop: true,
        });
    </script>
                            
  • drag

    3
    0
    1
    2
    3
    0
    <script>
        $('#jelly-slider03').jellySlider({
            loop: true,
            drag: true,
        });
    </script>
                            
  • multiple

    4
    5
    6
    7
    8
    9
    1
    2
    3
    4
    5
    6
    7
    8
    9
    1
    2
    3
    4
    5
    6
    <script>
        $('#jelly-slider04').jellySlider({
            loop: true,
            view: 6,
            move: 3,
            margin: 10,
        });
    </script>
                            
  • multiple

    4
    5
    6
    7
    8
    1
    2
    3
    4
    5
    6
    7
    8
    1
    2
    3
    4
    5
    <script>
        $('#jelly-slider04').jellySlider({
            loop: true,
            view: 5,
            move: 1,
            margin: 10,
        });
    </script>