Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Jak przyśpieszyć efekt hover?
-waldemar-
post
Post #1





Goście







Jak przyspieszyc efekt hover? Chodzi mi o to, że po najechaniu myszką na obrazek, przeglądarka najpierw zaladuje obrazek do zaladowania a później wyświetli, jak temu zapobiec?

O to kod:

  1. .top .flags #poland{
  2. background: url('images/flag_poland_blue.gif') no-repeat;
  3. width: 28px;
  4. height: 27px;
  5. float: left;
  6. margin: 0 15px 0 0;
  7. }
  8.  
  9. .top .flags #poland:hover{
  10. background: url('images/flag_poland.gif') no-repeat;
  11. width: 28px;
  12. height: 27px;
  13. float: left;
  14. margin: 0 15px 0 0;
  15. }
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
sadistic_son
post
Post #2





Grupa: Zarejestrowani
Postów: 1 495
Pomógł: 245
Dołączył: 1.07.2009
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


Zrób jeden obrazek na do hover i zwykłego linku. Przy hover tylko go przsuwasz:
  1. div{
  2. height: 100px; /*Wysokość obrazka*/
  3. width: 150px; /* połowa szerokości obrazka*/
  4. background: transparent url(rollover.jpg) 0 0 no-repeat;
  5. }
  6. div:hover{
  7. background-position: -150px 0;
  8. }

Tutaj masz dokładnie opisane jak to działa. Zwróć uwagę na pierwszy fragment z dachującym samochodem.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.10.2025 - 22:20