| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>Slideshow 2!</title> |
| <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
| <meta name="author" content="Aeron Glemann (http://www.electricprism.com/aeron/)" /> |
| <link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" /> |
| <script type="text/javascript" src="js/mootools.js"></script> |
| <script type="text/javascript" src="js/slideshow.js"></script> |
| <script type="text/javascript"> |
| //<![CDATA[ |
| window.addEvent('domready', function(){ |
| var data = { |
| '1.jpg': { caption: 'Volcano AsenciĆ³n in Ometepe, Nicaragua.' }, |
| '2.jpg': { caption: 'A Ceibu tree.' }, |
| '3.jpg': { caption: 'The view from Volcano Maderas.' }, |
| '4.jpg': { caption: 'Beer and ice cream.' } |
| }; |
| var myShow = new Slideshow('show', data, {controller: true, height: 300, hu: 'images/', thumbnails: true, width: 400}); |
| }); |
| //]]> |
| </script> |
| </head> |
| <body> |
| <div id="show" class="slideshow"> |
| <img src="images/1.jpg" alt="Volcano AsenciĆ³n in Ometepe, Nicaragua." /> |
| </div> |
| </body> |
| </html> |