to scripts på samme side - slideshow2
hej, jeg vil have to scripts til at køre på samme side i to forskellige <DIV>, men der kommer kun en.. what to do ?koden er:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Sarthak | Travel through my photos</title>
<meta name="Keywords" content="Photography,Sarthak,Singhal,gallery,travelogue,journey,explore" />
<meta name="Description" content="Sarthak is an avid photographer cum traveler capturing scenery, landscape, nature through his camera lens.He writes about his various journey adventures and photos captured on his blog." />
<meta name="Author" content="Sarthak Singhal" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="blogcatalog" content="9BC9331710" />
<link rel="SHORTCUT ICON" href="img/favicon.ico" />
<meta http-equiv="Expires" content="Mon, 01 Jun 2009 06:00:00 GMT" />
<link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
var data = {
'1.jpg': { caption: 'Flower show exhibit in Lalbagh Botanical garden, India.'},
'2.jpg': { caption: 'Remains of a ruined church in Dhanushkoti, India.'},
'3.jpg': { caption: 'Stone chariot, Hampi, India.'},
'4.jpg': { caption: 'One of the zillion five star hotels in Dubai.'},
};
// Note the use of "linked: true" which tells Slideshow to auto-link all slides to the full-size image.
var myShow = new Slideshow('show', data, { captions: false, controller: false, delay: 5000, height: 200, hu: 'images', linked: true, width: 200, loop: true });
// Here we create the Lightbox instance.
// In this case we will use the "close" and "open" callbacks to pause our show while the modal window is visible.
var box = new Lightbox({
'onOpen': function(){ this.pause(true); }.bind(myShow),
'onClose': function(){ this.pause(false); }.bind(myShow)
});
box.image.addEvent('click', function(){ this.close(); }.bind(box));
});
//]]>
</script>
</head>
<body>
<div id="show" class="slideshow">
<div class="clearer"></div>
<a rel="lightbox"></a>
</div>
<div id="show" class="slideshow">
<div class="clearer"></div>
<a rel="lightbox"></a>
</div>
</body>
<script type="text/javascript" src="js/indexAfterBody.js"></script>
</html>
