Autoplay & Ken Burns

Buy now Get support

Slideshow plays images with Ken Burns effect.

Here's the code:

  1. <html>
  2.     <head>
  3.         <title>Magic Slideshow: Autoplay &amp; Ken Burns</title>
  4.        
  5.         <!-- link to magicslideshow.css file -->
  6.         <link rel="stylesheet" type="text/css" href="magicslideshow/magicslideshow.css" media="screen"/>
  7.         <!-- link to magicslideshow.js file -->
  8.         <script src="magicslideshow/magicslideshow.js" type="text/javascript"></script>
  9.        
  10.     </head>
  11.     <body>
  12.        
  13.         <div class="MagicSlideshow" data-options="width: 600px; height: 281px; effect: dissolve; selectors: none; caption: false; kenburns: true;">
  14.             <img src="images/places-01-600.jpg" />
  15.             <img src="images/places-02-600.jpg" />
  16.             <img src="images/places-03-600.jpg" />
  17.             <img src="images/places-04-600.jpg" />
  18.             <img src="images/places-05-600.jpg" />
  19.             <img src="images/places-06-600.jpg" />
  20.             <img src="images/places-07-600.jpg" />
  21.             <img src="images/places-08-600.jpg" />
  22.             <img src="images/places-09-600.jpg" />
  23.             <img src="images/places-10-600.jpg" />
  24.             <img src="images/places-11-600.jpg" />
  25.             <img src="images/places-12-600.jpg" />
  26.         </div>
  27.        
  28.     </body>
  29. </html>