Choose your settings:

Common
Width (auto | % | px):
Height (auto | % | px):
Orientation:
Show navigation arrows on slide:
OFFON
Continuous loop:
OFFON
Transition effect:
Transition speed (ms):
Autoplay
Autoplay:
OFFON
Duration of showing each slide, ms:
Shuffle slide order:
OFFON
Ken Burns effect:
OFFON
Pause autoplay:
OFFON
Selectors
Selectors:
Selectors style:
Selectors size (px):
Selectors eye:
OFFON
Caption
Show caption on slide:
OFFON
Caption change with effect:
Other
Full Screen:
OFFON
Keyboard navigation:
OFFON
Load images on demand:
OFFON
Show loading icon:
OFFON
Open links associated with image slides:

Apply settings

Image cannot be loaded
Image cannot be loaded
Image cannot be loaded
Image cannot be loaded
Image cannot be loaded
Image cannot be loaded
Image cannot be loaded
Image cannot be loaded
Image cannot be loaded
Image cannot be loaded
Image cannot be loaded
Image cannot be loaded

Copy and paste the code:

<div class="MagicSlideshow" data-options="">
    <img src="images/places-01-600.jpg" data-fullscreen-image="images/places-01-1075.jpg">
    <img src="images/places-02-600.jpg" data-fullscreen-image="images/places-02-1075.jpg">
    <img src="images/places-03-600.jpg" data-fullscreen-image="images/places-03-1075.jpg">
    <img src="images/places-04-600.jpg" data-fullscreen-image="images/places-04-1075.jpg">
    <img src="images/places-05-600.jpg" data-fullscreen-image="images/places-05-1075.jpg">
    <img src="images/places-06-600.jpg" data-fullscreen-image="images/places-06-1075.jpg">
    <img src="images/places-07-600.jpg" data-fullscreen-image="images/places-07-1075.jpg">
    <img src="images/places-08-600.jpg" data-fullscreen-image="images/places-08-1075.jpg">
    <img src="images/places-09-600.jpg" data-fullscreen-image="images/places-09-1075.jpg">
    <img src="images/places-10-600.jpg" data-fullscreen-image="images/places-10-1075.jpg">
    <img src="images/places-11-600.jpg" data-fullscreen-image="images/places-11-1075.jpg">
    <img src="images/places-12-600.jpg" data-fullscreen-image="images/places-12-1075.jpg">
</div>