Zastąpienie hover

Dla specjalistów Webmastering
#1

Siemka. Więc tak… mam mały problem. Mam utworzoną stronę która wyświetla grafikę za pomocą funkcji

. Jest ona określona w css. Chciałbym aby np.przycisk był animowany więc użyłem funkcji hover, tylko jest jedna wada… te obrazki ładują się po najechaniu i trzeba trochę poczekać zanim się załadują… Można zrobić aby te obrazki ładowały się w czasie wczytywania strony ? Może użyć do tego JavaScript ? Tylko nie znalazłem poprawnego kodu do animacji żeby współpracował z div… Mam nadzieje, że mnie zrozumieliście :slight_smile:

#2

Ja widziałem inny sposób.

2 obrazki były zapisane jako jeden plik graficzny (a więc jeden obrazek), i w jakiś bloczek wrzucone tak, że było widać tylko jedną część.

Po najechaniu zmieniało się wyrównanie tego obrazka w środku i przeskakiwało tak, że wtedy widoczna stawała się 2-ga część.

Mam nadzieję, że zrozumiałeś ;]

Edit:

Ardziej -> Dokładnie o tym samym myślałem.

Tyle, że mi się nie chciało przytaczać przykładów…

#3

Spójrz na stronę wyszukiwania Google :slight_smile:

To jest ich obrazek jeden który wykorzystują do całej stronki :slight_smile:

http://www.google.pl/images/srpr/nav_logo13.png

#4

Powyższe wskazówki to background-position (css) w js natychmiastowe-wczytanie-obrazkow-pseudoklasy-hover-t392262.html#p2522054.

#5

Wielkie dzięki mario@ zrobiłem za pomocą metody js i wszystko działa :smiley: Próbowałęm też zrobić tak jak mówił pio_95, według tego co mówił WooQash , ale obrazek się w ogóle nie chował :slight_smile:

#6

To co mówił pio_95 da się zrobić bez problemu

przeanalizuj jak jest zrobione to menu:

http://www.free-css.com/assets/files/free-css-menus/download/page5/menu50.zip

#7

Na przykładzie jakim podałeś załapałem o co chodzi :slight_smile: i zrobiłem też menu tym sposobem :smiley: