Rollovery bez preloadu - nejideálnější řešení?
Napsal: pon 30. říj 2006, 22:42
Nějaký nápady? Bude toto fungovat s ohledem na preload? (Tím je tedy myšleno, pokud člověk najede kurzorem myši na odkaz (tedy vlastně obrázek), že se musí změnit okamžitě, nikoliv, aby se teprve začal načítat, to by vypadalo příšerně!)
<html>
<head>
...
</head>
<body>
...
<script language="JavaScript" type="text/javascript">
promenna1 = new Image();
promenna1.src = "obr2.jpg";
promenna2 = new Image();
promenna2.src = "obr4.jpg";
promenna3 = new Image();
promenna3.src = "obr6.jpg";
...
</script>
<a href="bla"><img src="obr1.jpg" border=0
onmouseover="this.src='obr2.jpg'"
onmouseout="this.src='obr1.jpg'" alt=""></a>
<a href="blabla"><img src="obr3.jpg" border=0
onmouseover="this.src='obr4.jpg'"
onmouseout="this.src='obr3.jpg'" alt=""></a>
<a href="blablabla"><img src="obr5.jpg" border=0
onmouseover="this.src='obr6.jpg'"
onmouseout="this.src='obr5.jpg'" alt=""></a>
...
</body>
</html>
<html>
<head>
...
</head>
<body>
...
<script language="JavaScript" type="text/javascript">
promenna1 = new Image();
promenna1.src = "obr2.jpg";
promenna2 = new Image();
promenna2.src = "obr4.jpg";
promenna3 = new Image();
promenna3.src = "obr6.jpg";
...
</script>
<a href="bla"><img src="obr1.jpg" border=0
onmouseover="this.src='obr2.jpg'"
onmouseout="this.src='obr1.jpg'" alt=""></a>
<a href="blabla"><img src="obr3.jpg" border=0
onmouseover="this.src='obr4.jpg'"
onmouseout="this.src='obr3.jpg'" alt=""></a>
<a href="blablabla"><img src="obr5.jpg" border=0
onmouseover="this.src='obr6.jpg'"
onmouseout="this.src='obr5.jpg'" alt=""></a>
...
</body>
</html>