Rollovery bez preloadu - nejideálnější řešení?

malidian · Příspěvek od **malidian** » 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>

N@$ty · Příspěvek od **N@$ty** » stř 1. lis 2006, 11:29

Pokud ti jse o změnu obrázku potom co na něj najedeš kurzorem, tak to jse naprosto jednoduše a elegantně pomocí CSS.

Jasper · Příspěvek od **Jasper** » stř 1. lis 2006, 11:42

Řekl bych, že nejideálnější je řešení od Pixyho (Petra Staníčka):
http://www.wellstyled.com/css-nopreload-rollovers.html

N@$ty · Příspěvek od **N@$ty** » stř 1. lis 2006, 16:36

Jasper píše:Řekl bych, že nejideálnější je řešení od Pixyho (Petra Staníčka):
http://www.wellstyled.com/css-nopreload-rollovers.html

Dá se to udělat i trošku jinak, ale stejně jednoduše, každěmu stavu se přiřadí nějaký obrázek... V podstatě je to totéž...

Jasper · Příspěvek od **Jasper** » stř 1. lis 2006, 17:17

Když budeš mít ale pro každý stav samostatný obrázek, tak si budeš muse dopředu načíst všechny obrázky, jinak by se začaly načítat třeba až při najetí na tlačítko (což by mohlo působit rušivě...) A to zavání různýma javascriptama atd...
Mnou linkované řešení má všechny obrázky v jednom vedle sebe a prohlížeče načítají obrázky po řádcích. Čili pokud bude načtený první stav menu, automaticky bude jistota, že jsou načtené i ostatní stavy...

N@$ty · Příspěvek od **N@$ty** » čtv 2. lis 2006, 06:45

Jasper píše:Když budeš mít ale pro každý stav samostatný obrázek, tak si budeš muse dopředu načíst všechny obrázky, jinak by se začaly načítat třeba až při najetí na tlačítko (což by mohlo působit rušivě...) A to zavání různýma javascriptama atd...
Mnou linkované řešení má všechny obrázky v jednom vedle sebe a prohlížeče načítají obrázky po řádcích. Čili pokud bude načtený první stav menu, automaticky bude jistota, že jsou načtené i ostatní stavy...

To je fakt... Takhle jsem nad tím nikdy nepřemíšlel...