Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Migajace 2 obrazki
_Martin_
post
Post #1





Grupa: Zarejestrowani
Postów: 352
Pomógł: 9
Dołączył: 16.09.2005
Skąd: Rybnik

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

Witka.

Mam koledzy pytanko,
Znacie jakiś skrypcik, bo troszkę leniwy jestem dziś hi (IMG:style_emoticons/default/smile.gif) który by w sposób opisany poniżej zmienia grafikę z jednej na drugą:

Mam powiedzmy 2 obrazki:
domek.png
domek_2.png

I po wejściu na stronke z tymi obrazkami:

Najpierw pokazuje się
domek.png po 1 sekundzie domek_2.png | kolejno znowy 1 sekunda i domek.png po 1 sekundzie domek_2.png
Czyli na zmiane jak by migały i po np 5 sekundach zostaje już tylko domek_2.png i tyle (IMG:style_emoticons/default/smile.gif)

Pozdro (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
darko
post
Post #2





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

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

odpowiednia pętla i zabawa z settimeout oraz kwestia naskrobania odpowiedniej funkcji coś a'la:

var i =0;

function c() {
if(i%2==0)
document.getElementById('id_elementuzobrazkiem').src = ' domek_2.png';
else
document.getElementById('id_elementuzobrazkiem').src = ' domek.png';

i++;
}

// i settimeout dla c

Ten post edytował darko 18.12.2009, 22:48:29
Go to the top of the page
+Quote Post
lukasz_os
post
Post #3





Grupa: Zarejestrowani
Postów: 203
Pomógł: 55
Dołączył: 23.11.2008
Skąd: UKF

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

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  
  3. function changeImage(whichImage){
  4. img = document.getElementById("slide");
  5. if ( whichImage == 0 ) 
  6. {
  7. pomocy=1;
  8. img.src="2.jpg";
  9. }
  10. else
  11. {
  12. pomocy = 0;
  13. img.src="1.jpg";
  14. }
  15. setTimeout ("changeImage(pomocy)",1000);
  16. }
  17.  
  18. function init()
  19. {
  20. changeImage(0);
  21. }
  22. </script>
  23. <body onload="init()">
  24. <img src="1.jpg" id="slide" alt="">
  25. </body>
[HTML] pobierz, plaintext


enjoy (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: 24.08.2025 - 11:05
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn