<script>
                    var MagicScrollOptions = {};
                    </script>
                
                    <div class="MagicScroll" data-options="">
                
Mode:
Orientation:
Scroll width: auto | <pixels> | <percentage>
Scroll height: auto | <pixels> | <percentage>
Items: auto | fit | number | array

You can preset the number of visible items depending on the width of scroll view.

Format: [ [x,y], [x,y], ... ]
    x - maximum scroll width
    y - items to display.

Example: [ [600,2], [800,3], [1000,5], [1200,7], [1500,10] ]

Speed:milliseconds
Step: auto | numeric

Use 0 for continuous scroll.

Autoplay:milliseconds
Loop:
Arrows:
Pagination:
Scroll on wheel:
Draggable:
Keyboard:
Easing:

The <easing function> that describes an acceleration curve, so the speed of the transition can vary over its duration.

You can model your own acceleration curve (Bezier curve) here:

http://cubic-bezier.com
Lazy load:
Autostart: