[ webdzungla @ 11.04.2006. 23:58 ] @
Koristio sam skript za svoj sajt u kojem dolazi do dinamicke promene slike kada se kursorom predje preko druge slike.
Evo koda:

Code:

<head>
<SCRIPT LANGUAGE="JavaScript">
 <!-- // Ucitavanje slika
var slika0 = new Image();
slika0.src = "zamena.jpg";
var slika1 = new Image();
slika1.src = "3.gif";
//-->
  </SCRIPT>
</head> 



<body>

<img name="slika1" src="1.gif" border="0" width="330" height="230">

    <a href="onama.htm" onmouseover="slika0.src='zamena.jpg'; slika1.src='3.gif';" 
onmouseout="slika0.src='osetljiva.jpg'; slika1.src='1.gif';">
<img name="slika0" src="osetljiva.jpg">
</body>


Sve to lepo radi ali problem je u tome sto druga slika koja treba da se prikaze na ekranu (3.gif )ima 20-30 kb i potrebno je nekoliko sekundi da se ucita. Tih nekoliko sekundi prilikom prvog ucitavanja slike potpuno kvare efekat i ne dobijam ono sto zelim, a to je da se u trenutku na ekranu izvrsi zamena slika.

Da li je moguce nekako u java skriptu ucitati sliku pre nego sto se pojavi na ekranu tako da se ne vidi to prvo ucitavanje?

// edit nK: za kod se koristi code bb tag

[Ovu poruku je menjao noviKorisnik dana 12.04.2006. u 08:37 GMT+1]
[ sojic @ 12.04.2006. 19:47 ] @
Za ovo ti treba CSS ne JS.

Evo ti nekoliko primera:
http://www.cssplay.co.uk/
http://www.cssplay.co.uk/menus/flickerfree_mk3.html

Isto imas i u "parent" forum-a (http://www.elitesecurity.org/forum/11)