Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]Zmiana obrazków po upływie czasu
--miras666--
post
Post #1





Goście
Witam. Na stronie znajdują się dwa obrazki. Aktualnie, po upływie 1 sekundy obrazek "1.jpg" zmienia się na "2.jpg". Chciałbym dodać możliwość, aby także drugi plik zmieniał się na inny ("3.jpg" na "4.jpg"). Jednak nie wiem jak się za to wziąć. Z góry dziękuję.
[HTML] pobierz, plaintext 
  1. <html><head>
  2. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  3.  
  4. <script type="text/javascript">
  5. setTimeout ( "ZmianaObrazka()", 1000 );
  6. function ZmianaObrazka ( )
  7. {
  8.  
  9. if(document.getElementById("imgid").src="1.jpg") {
  10.   document.getElementById("imgid").src="2.jpg";
  11.   setTimeout ( "ZmianaObrazka()", 1000 );
  12.  
  13.  
  14. }
  15. }
  16.  
  17.  
  18. </script>
  19.  
  20. <img  src="1.jpg" id="imgid" />
  21. <br>
  22. <img  src="3.jpg" id="imgid" />
  23.  
  24. </body></html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
Mega_88
post
Post #2





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

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

Nadaj inne id dla obrazka 3 i powtórz funkcję zmiany dla obrazka 3 na 4 

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. setTimeout ( "ZmianaObrazka()", 1000 );
  3. function ZmianaObrazka ( )
  4. {
  5. if(document.getElementById("imgid_druga").src="3.jpg") {
  6.   document.getElementById("imgid_druga").src="4.jpg";
  7.   setTimeout ( "ZmianaObrazka()", 1000 );
  8. }
  9. }
  10. </script>
  11. <img  src="3.jpg" id="imgid_druga" />
[HTML] pobierz, plaintext


Możesz też to zrobić w jednej funkcji.

Ten post edytował Mega_88 9.05.2013, 21:04:29
Go to the top of the page
+Quote Post
--miras666--
post
Post #3





Goście
Coś takiego działa. Dzięki wielkie
[HTML] pobierz, plaintext 
  1. <html><head>
  2. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  3.  
  4. <script type="text/javascript">
  5. setTimeout ( "ZmianaObrazka()", 1000 );
  6. function ZmianaObrazka ( )
  7. {
  8.  
  9. if(document.getElementById("imgid").src="1.jpg") {
  10.   document.getElementById("imgid").src="2.jpg";
  11.   setTimeout ( "ZmianaObrazka()", 1000 );
  12.  
  13.  
  14. }
  15. }
  16. setTimeout ( "ZmianaObrazka2()", 1000 );
  17. function ZmianaObrazka2 ( )
  18. {
  19.  
  20. if(document.getElementById("imgid_druga").src="3.jpg") {
  21.   document.getElementById("imgid_druga").src="4.jpg";
  22.   setTimeout ( "ZmianaObrazka()", 1000 );
  23.  
  24.  
  25. }
  26. }
  27.  
  28.  
  29.  
  30. </script>
  31.  
  32. <img  src="1.jpg" id="imgid" />
  33. <br>
  34. <img  src="3.jpg" id="imgid_druga" />
  35.  
  36.  
  37.  
  38. </body></html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Mega_88
post
Post #4





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

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

Powodzenia dalej (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.09.2025 - 19:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn