Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Dinamicka izmena vise slika...kako ucitati sve slike pre pojavljivanja u browseru?

[es] :: Javascript i AJAX :: Dinamicka izmena vise slika...kako ucitati sve slike pre pojavljivanja u browseru?

[ Pregleda: 1934 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

webdzungla

Član broj: 90851
Poruke: 2
*.beotel.net.



Profil

icon Dinamicka izmena vise slika...kako ucitati sve slike pre pojavljivanja u browseru?11.04.2006. u 23:58 - pre 192 meseci
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]
 
Odgovor na temu

sojic
Dalibor Sojic
Makedonija

Član broj: 7051
Poruke: 796
62.162.220.*

Sajt: right-sock.net


+1 Profil

icon Re: Dinamicka izmena vise slika...kako ucitati sve slike pre pojavljivanja u browseru?12.04.2006. u 19:47 - pre 192 meseci
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)
routing protocols enable routers to route routed protocols!
 
Odgovor na temu

[es] :: Javascript i AJAX :: Dinamicka izmena vise slika...kako ucitati sve slike pre pojavljivanja u browseru?

[ Pregleda: 1934 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.