 Przeładowanie obrazków [JavaScript] |
  |
| Przeładowanie obrazków [JavaScript] |
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> |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 187 Pomógł: 6 Dołączył: 31.08.2005 Skąd: Bielsko-Biała Ostrzeżenie: (0%)
|
ID jest unikalne dla każdego elementu! Nie możesz kilku obrazków oznaczyć takim samym. Skorzystaj getElementByTagName, a najlepiej to z jQuery (IMG:style_emoticons/default/smile.gif)
Ten post edytował slammer 28.03.2012, 19:22:34 |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 28.03.2012 Ostrzeżenie: (0%)
|
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?
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 20 Pomógł: 6 Dołączył: 25.10.2010 Skąd: Sanok Ostrzeżenie: (0%)
|
Nie wiem czy kolega wie, ale jQuery jest biblioteką napisaną w JS właśnie (IMG:style_emoticons/default/smile.gif)
|
|
|
|
|
Post
#5
|
|
|
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> |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 28.03.2012 Ostrzeżenie: (0%)
|
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 (IMG:style_emoticons/default/smile.gif)
|
|
|
|
|
|
Aktualny czas: 23.08.2025 - 02:13 |
