ďťż

[js] płynna zmina obrazków

       

Podstrony


telcocafe

Czy przy pomocy Java Script da się zrobić coś takiego, że w pewnym miejscu na stronie jest obrazek, który po pewnym czasie płynnie przechodzi w drugi obrazek?? Nie chce używać do tego przypadku flasha. Bardzo proszę o pomoc.



var act=0; imgs=new Array('img1.png','img2.png'); function Zmien() { act=act+1; document.getElementById('ID_ZNACZNIKA_IMG').src=imgs[act]; } setTimeout("Zmien()",5000); //Tu ustawiasz prędkość

Tak to ja umiem zrobić, ja chce żeby one się przenikały, obrazek z pod spodu były coraz bardziej widoczny aż zakryje całkowicie obrazek, który znajdował się na górze

sorki tu : http://www.namyslow....ages/miasto.htm
i jak mniemam to jest to:
<script language=javascript> <!-- rys = new Array(1); rys[1] = new Image(); rys[1].src = "../images/anim_1.jpg"; rys[2] = new Image(); rys[2].src = "../images/anim_2.jpg"; rys[3] = new Image(); rys[3].src = "../images/anim_3.jpg"; rys[4] = new Image(); rys[4].src = "../images/anim_4.jpg"; rys[5] = new Image(); rys[5].src = "../images/anim_5.jpg"; rys[6] = new Image(); rys[6].src = "../images/anim_6.jpg"; rys[7] = new Image(); rys[7].src = "../images/anim_7.jpg"; rys[8] = new Image(); rys[8].src = "../images/anim_8.jpg"; rys[9] = new Image(); rys[9].src = "../images/anim_9.jpg"; var z=0; zmien(1); function zmien(z) { if (z==0){ document.znak.filters.blendTrans.Apply(); document.znak.src=rys[1].src; document.znak.filters.blendTrans.Play(); setTimeout("zmien(1)",5000); } if (z==1){ document.znak.filters.blendTrans.Apply(); document.znak.src=rys[2].src; document.znak.filters.blendTrans.Play(); setTimeout("zmien(2)",5000); } if (z==2){ document.znak.filters.blendTrans.Apply(); document.znak.src=rys[3].src; document.znak.filters.blendTrans.Play(); setTimeout("zmien(3)",5000); } if (z==3){ document.znak.filters.blendTrans.Apply(); document.znak.src=rys[4].src; document.znak.filters.blendTrans.Play(); setTimeout("zmien(4)",5000); } if (z==4){ document.znak.filters.blendTrans.Apply(); document.znak.src=rys[5].src; document.znak.filters.blendTrans.Play(); setTimeout("zmien(5)",5000); } if (z==5){ document.znak.filters.blendTrans.Apply(); document.znak.src=rys[6].src; document.znak.filters.blendTrans.Play(); setTimeout("zmien(6)",5000); } if (z==6){ document.znak.filters.blendTrans.Apply(); document.znak.src=rys[7].src; document.znak.filters.blendTrans.Play(); setTimeout("zmien(7)",5000); } if (z==7){ document.znak.filters.blendTrans.Apply(); document.znak.src=rys[8].src; document.znak.filters.blendTrans.Play(); setTimeout("zmien(8)",5000); } if (z==8){ document.znak.filters.blendTrans.Apply(); document.znak.src=rys[9].src; document.znak.filters.blendTrans.Play(); setTimeout("zmien(0)",5000); } } //-->                 </script>




www.namyslow.com.pl
tutaj jest cos takiego przejzyj zrodlo

http://www.migajek.c.../alpha_test.htm :D

//@d35tr0y3r: to niestety dziala tylko na IE ... a moje rozwiazanie dziala na IE i FF (moze kiedys i na operze zadziala ... :) )
Użytkownik migajek edytował ten post 09 grudzień 2005, 17:40
coz ja to wstawilem na strone szkolna http://skocz.pl/gnr1 :D
a powiedz mi bo niestety nie moge narazie zainstalowa c innej praegladarki niz ie
czy na mozilli i operzy widac obrazek ktory sie nie zmienia czy ni nie widac ??
jak nic to jak temu zaradzic ?

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.