Witam. Mam problem z przeładowywaniem obrazków po okreslonym czasie. Co zrobić aby przeładowały się wszystkie obrazki, a nie tylko pierwszy? Poniżej zamieszczam kod.
<!DOCTYPE HTML SYSTEM>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
<title>obrazki</title>
<style type="text/css">
.col {
float: left;
width: 33%;
height: 33%;
}
</style>
</head>
<body>
<div class="col odd">1<br>
<img id="asdf" src="http://pozycjonujemysie.pl/wp-content/uploads/2012/03/wesoly.png" /></div>
<div class="col even">2<br>
<img id="asdf" src="http://pozycjonujemysie.pl/wp-content/uploads/2012/03/wesoly.png" /></div>
<div class="col odd">3<br>
<img id="asdf" src="http://pozycjonujemysie.pl/wp-content/uploads/2012/03/wesoly.png" /></div>
<script type="text/javascript">
var img = document.getElementById('asdf');
var origSrc = img.src;
var timeout = setTimeout(function(){
img.src = 'http://pozycjonujemysie.pl/wp-content/uploads/2012/03/wesoly2.png';
}, 2000);
</script>
</body>
</html>