Zastąpienie hover


(Janek Max) #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:


(pio_95) #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..


(Adjweb) #3

Spójrz na stronę wyszukiwania Google :slight_smile:

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


(mario@) #4

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


(Janek Max) #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:


(przemol96) #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


(Janek Max) #7

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