WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY

Efekty - Automatické změny obrázku
Normální položka
Zobrazeno: 8706

Popis: Postupně se vám bodou obměňovat 4 obrázky. Nezapomeňte si upravit názvy souborů!
Funkčnost: Funkční v IE 5.5 a vyšší,
Hodnocení: *****
Ukázka

Následující kód si vložte mezi tagy <HEAD> a </HEAD>.  

<SCRIPT charset="windows-1250" type="text/javascript"> 
<!-- 

if (document.images) { 
obraza=new Image(33,23); 
obraza.src="obra.gif"; 

obrazb=new Image(33,23); 
obrazb.src="obrb.gif"; 

obrazc=new Image(33,23); 
obrazc.src="obrc.gif"; 

obrazd=new Image(33,23); 
obrazd.src="obrd.gif"; 
} 

function vymen1() { 
if (document.images) { 
document.jmenoa.src=eval("obraza.src"); 
document.jmenob.src=eval("obrazb.src"); 
var x=Math.ceil(Math.random()*9); 
x=x*100 
setTimeout("vymen2()",x); 
} 
} 

function vymen2() { 
if (document.images) { 
document.jmenoa.src=eval("obrazc.src"); 
document.jmenob.src=eval("obrazd.src"); 
var x=Math.ceil(Math.random()*9); 
x=x*50 
setTimeout("vymen1()",x); 
} 
} 
// --> 
</SCRIPT> 

Následující kód si vložte dovnitř tagu <BODY>. 

<BODY style="background:black; color:white" onLoad="setTimeout('vymen1()',100);"> 

Následující kód si vložte mezi tagy <BODY> a </BODY>. 

<DIV align="center"> 
<SPAN style="font-size:24px"> 
<IMG name="jmenoa" src="obra.gif"> 
Animace skriptem 
<IMG name="jmenob" src="obrb.gif"> 
</SPAN> 
</DIV>