<script>
                    var MagicSlideshowOptions = { effect: random; };
                    </script>
                
                    <div class="MagicSlideshow" data-options="effect: random;">
                
Effect:
Effect speed: milliseconds
Orientation:
Effect 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
Slideshow width: auto | <pixels> | <percentage>
Slideshow height: auto | <pixels> | <percentage>
Slide duration: milliseconds
Selectors:
Selectors style:
Selectors size: <pixels>
Selectors-eye:
Bullets preview:
Selectors fill:
Caption:
Arrows:
Fullscreen:
Loop:
Shuffle:
Kenburns:
Pause:
Preload:
Autoplay:
Keyboard:
Show-loader:
Autostart: Auto init slideshow