Forum PHP.pl > [JavaScript] Migajace 2 obrazki

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Migajace 2 obrazki

_Martin_

18.12.2009, 13:18:05

Witka.

Mam koledzy pytanko,
Znacie jakiś skrypcik, bo troszkę leniwy jestem dziś hi

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

Pozdro

darko

18.12.2009, 22:47:42

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

lukasz_os

18.12.2009, 22:55:41

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
function changeImage(whichImage){
img = document.getElementById("slide");
if ( whichImage == 0 ) 
{
pomocy=1;
img.src="2.jpg";
}
else
{
pomocy = 0;
img.src="1.jpg";
}
setTimeout ("changeImage(pomocy)",1000);
}
 
function init()
{
changeImage(0);
}
</script>
<body onload="init()">
<img src="1.jpg" id="slide" alt="">
</body>
[HTML] pobierz, plaintext

enjoy

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.