Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Przeładowanie obrazków [JavaScript]
popiolovy
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 28.03.2012

Ostrzeżenie: (0%)
-----


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>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
slammer
post
Post #2





Grupa: Zarejestrowani
Postów: 187
Pomógł: 6
Dołączył: 31.08.2005
Skąd: Bielsko-Biała

Ostrzeżenie: (0%)
-----


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>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.10.2025 - 23:00