Test

Posts

Showing posts from April, 2025

Magic Slideshow

Global settings Inline settings

                    <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

Magic Slideshow

Global settings Inline settings

                    <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