Simple Image Slideshow: Magic JavaScript

• Use the example below as a guide for building your own slideshow!

Image 1 · Image 3 · Image 5

<p> <img src="/resources/javascript/magic/images/examples/magic_0.png" alt="Magic" width="128" height="128" id="slideshow_img"> </p> <p> <a href="#" data-mjf="img_slideshow_click|return_false" id="magic_1.png">Image 1</a> <a href="#" data-mjf="img_slideshow_click|return_false" id="magic_3.png">Image 3</a> <a href="#" data-mjf="img_slideshow_click|return_false" id="magic_5.png">Image 5</a> </p> <script type="text/javascript"> $m.wand.img_slideshow = { imgs : ["magic_1.png","magic_2.png","magic_3.png","magic_4.png","magic_5.png","magic_0.png"] ,img_id : "slideshow_img" ,delay: 5 // seconds ,animate : true } </script>

• This is a very simple slideshow, built more as a prototype.
• You don't need to include the anchor links.