Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Zmiana obrazka co 10 sek w JavaScript
Forum PHP.pl > Forum > Przedszkole
Skr3czu
Witam,

Jak zrobić, żeby obrazek zmieniał się po np. 10 sek na inny, również żeby wraz z obrazkiem zmieniał się odnośnik.

Pozdrawiam.
MateuszS
  1. <script type="text/javascript">
  2. var obrazki = new Array();
  3. obrazki[1] = "images/a.JPG";
  4. obrazki[2] = "images/b.JPG";
  5. var sekund = 1; //co ile sekund ma sie zmieniac obrazek
  6.  
  7. var a = 1;
  8.  
  9. function zmien()
  10. {
  11. var ile = obrazki.length;
  12. document.getElementById("obrazek").src = obrazki[a];
  13. a++;
  14. if(ile==a) {
  15. a=1;
  16. }
  17.  
  18. }
  19.  
  20.  
  21. setInterval("zmien()", sekund*1000);
  22.  
  23. <img src="images/a.JPG" id="obrazek" />
kamil4u
Myślę,że nie bez powodu powstała funkcja setInterval - aczkolwiek sam algorytm jest poprawny smile.gif
MateuszS
Cytat(kamil4u @ 18.03.2010, 18:53:08 ) *
Myślę,że nie bez powodu powstała funkcja setInterval - aczkolwiek sam algorytm jest poprawny smile.gif


Bardzo mi się nudziło winksmiley.jpg
Skr3czu
MateuszScirka, bardzo dziękuje.

A jak zrobić jeszcze, żeby każdy obrazek miał inny odnośnik ? np. gdy jest a.jpg to po kliknięciu daje na http://google.pl, a gdy jest b.jpg daje na http://wp.pl

Pozdrawiam.
MateuszS
  1. <script type="text/javascript">
  2. var obrazki = new Array();
  3. var odnosniki = new Array();
  4. obrazki[1] = "images/a.JPG";
  5. odnosniki[1] = "http://google.pl";
  6.  
  7. obrazki[2] = "images/b.JPG";
  8. odnosniki[2] = "http://booyakasha.pl";
  9.  
  10. var sekund = 1; //co ile sekund ma sie zmieniac obrazek
  11.  
  12. var a = 1;
  13.  
  14. function zmien()
  15. {
  16. var ile = obrazki.length;
  17. document.getElementById("obrazek").src = obrazki[a];
  18. document.getElementById("odnosnik").href = odnosniki[a];
  19. a++;
  20. if(ile==a) {
  21. a=1;
  22. }
  23.  
  24. }
  25.  
  26.  
  27. setInterval("zmien()", sekund*1000);
  28.  
  29. <a href="google.pl" id="odnosnik"><img src="images/a.JPG" id="obrazek" /></a>
  30.  
  31.  
Skr3czu
MateuszScirka, bardzo dziękuje za pomoc, wszystko działa tak jak powinno.
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.