Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Przeładowanie obrazków [JavaScript]
Forum PHP.pl > Forum > Po stronie przeglądarki
popiolovy
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>
slammer
ID jest unikalne dla każdego elementu! Nie możesz kilku obrazków oznaczyć takim samym. Skorzystaj getElementByTagName, a najlepiej to z jQuery smile.gif
popiolovy
Nie moge niestety dojsc jak to zrobic za pomocą GetElementsByTagName. Nie skorzystam z jQuery, ponieważ zadanie ma byc wykonane za pomocą skrytpu JS. Pomoze ktos?
sybii
Nie wiem czy kolega wie, ale jQuery jest biblioteką napisaną w JS właśnie smile.gif
slammer
Coś w ten deseń:
Kod
<script type="text/javascript">
var img = document.getElementsByTagName('img');

for(var i = 0; i < img.length; i++) {
    var origSrc = img[i].src;
    var timeout = setTimeout(function(img){
        return function() {
              img.src = 'http://pozycjonujemysie.pl/wp-content/uploads/2012/03/wesoly2.png';
        }
    }(img[i]), 2000);
}
</script>
popiolovy
Haha a ja wczoraj godzinami sie nad tym głowiłem. Dzieki Slammer! Dopiero sie ucze no i takie na pozór proste rzeczy sprawiaja mi jeszcze trudnosci smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.