Autor Zpráva
Ino
Profil *
Zdravim...prosim o radu.Mam dva obrazky:prvy.gif a druhy.gif.Ako docielim aby sa mi po nabehnuti mysou zobrazil ten druhy?Sorry,ale som zaciatocnik a nepochopil som presne Pixiho vylepsenie.Moze mi niekto napisat ako by vyzeral kod?Vdaka za namahu...
DZer
Profil
do tagu img dáš tendle script
onmouseover="this.src='druhy.gif'" onmouseout="this.src='prvni.gif'"

predpokladam že prvni.gif je tam normálně a druhy.gif se ta ma zobrazit po přejeti myši
Ino
Profil *
Ano,presne tak DZer.Druhy sa ma zobrazit po nabehnuti mysou.Ale v tom Pixiho vylepseni sa pise nieco s background-position...a prave to som nepochopil...
DZer
Profil
to vylepšení je v tom že ten obrázek má preload,normálně se ten druhý obrázek začne načítat až když
na něj přejedeš,což docela znepříjemňuje stránku.takže preloud udělá to že se načte už ze samotnou stránkou,tak sem to aspoň pochopil já.

<script>
promenna = new Image();
promenna.src = "druhy.gif";
</script>
<img src="prvni.gif" onmouseover="this.src='promenna.src '" onmouseout="this.src='prvni.gif'"

pozn:částečne citace preload-obrazku.html
DZer
Profil
promin tak to sem myslel něco jinyho,ale todle je taky vylepšení
Hanz
Profil
DZer
Vůbec jsi nepochopil :o)

Ino
http://wellstyled.com/css-nopreload-rollovers.html

Ale nesmíš mít 2 obrázky. Musíš je spojit v jeden a ten potom posouvat.
DZer
Profil
Hanz nevim co sem tu nepochopil, ja vim že myslel to samý v css,ale todle plní uplně stejný učel
Toto téma je uzamčeno. Odpověď nelze zaslat.

0