<html>
<head>
<title>Magic Slideshow: Autoplay & Ken Burns</title>
<!-- link to magicslideshow.css file -->
<link rel="stylesheet" type="text/css" href="magicslideshow/magicslideshow.css" media="screen"/>
<!-- link to magicslideshow.js file -->
<script src="magicslideshow/magicslideshow.js" type="text/javascript"></script>
</head>
<body>
<div class="MagicSlideshow" data-options="width: 600px; height: 281px; effect: dissolve; selectors: none; caption: false; kenburns: true;">
<img src="images/places-01-600.jpg" />
<img src="images/places-02-600.jpg" />
<img src="images/places-03-600.jpg" />
<img src="images/places-04-600.jpg" />
<img src="images/places-05-600.jpg" />
<img src="images/places-06-600.jpg" />
<img src="images/places-07-600.jpg" />
<img src="images/places-08-600.jpg" />
<img src="images/places-09-600.jpg" />
<img src="images/places-10-600.jpg" />
<img src="images/places-11-600.jpg" />
<img src="images/places-12-600.jpg" />
</div>
</body>
</html>