ďťż

[CSS] jak wczytac do przgl obrazy z hovera

Podstrony

telcocafe

Witam,
Na przycisku na stronie zmienia mi się obrazek w momecie najechania myszką na niego, jest w tym momencie opoznienie, jak wczytać obrazy te użyte w hover na przyciskach na początku ładowania się strony?
dzięki

PS. napisałem w temacie CSS ale nie wiem czy to akurat w tym
Użytkownik polon edytował ten post 19 maj 2008, 13:22

Ja to robię tak (w JS):

function preloader() { preload = new Image(); preload.src = "images/grafika_do_onmouseover.jpg"; }

Funkcje odpalam w zdarzeniu onload.

o, a mozesz dać jakiś przykład jak gdzie to wkleić i jak wygląda kod przycisku albo całej strony najlepiej, bo ja akurat przycisków w JS nigdy nie robiłem..poki co

EDIT
a tak mi teraz do głowy przyszło że w sumie to można załadować te obrazki umieszczejąc je w divie, ktorego w stylu sie zrobi hidden, to jest dobre rozwiązanie?
Użytkownik polon edytował ten post 19 maj 2008, 13:53
http://perfectionorv...rollover-w-css/

a tak mi teraz do głowy przyszło że w sumie to można załadować te obrazki umieszczejąc je w divie, ktorego w stylu sie zrobi hidden, to jest dobre rozwiązanie?
To już bardziej elegancka jest metoda od polaska ;)

A w JS chodzi o to, że tworzysz (najlepiej w pętli) obiekt typu image i ładujesz do niego grafikę. W ten sposób już na wejściu zostaje pobrana i nie ma opóźnień.

function preload() { for (x=1;x<=10;x++) // 10 to ilość obrazków do podmiany { preload = new Image(); preload.src = x + ".jpg"; // nasze poszczególne grafiki do hoverów nazywają się 1.jpg, 2.jpg, 3.jpg itp. } }

Tak to wygląda w najprostszej formie.

Potem <body onload="preload()"> i koniec.

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL