[HTML][CSS]Problem z ładowaniem obrazków z CSS |
[HTML][CSS]Problem z ładowaniem obrazków z CSS |
27.03.2011, 20:41:05
Post
#1
|
|
Grupa: Zarejestrowani Postów: 20 Pomógł: 1 Dołączył: 9.04.2008 Ostrzeżenie: (0%) |
Zanim o problemie to szybkie wprowadzenie. Na stronie mam menu zrobione jak poniżej:
Klasa w css wygląda następująco:
Najechanie kursorem na link powoduje zmianę obrazka. I teraz problem. Przy najechaniu kursorem chwilę trwa zanim dogra się drugi obrazek. Czy jest jakaś metoda by wgrać obrazki przed pokazaniem strony tak by nie było widoczna ich podmiana ? Zaznaczam, że to nie wina rozmiaru obrazka (2KB) Zapomniałem dodać, że po dograniu drugiego obrazka problem już nie występuje. Ten post edytował derecyori 27.03.2011, 20:42:20 |
|
|
27.03.2011, 20:45:21
Post
#2
|
|
Grupa: Zarejestrowani Postów: 678 Pomógł: 124 Dołączył: 26.09.2009 Ostrzeżenie: (0%) |
Polecam zapoznać się z tzw. CSS Sprites. Ogólnie idea jest taka, że obydwa tła umieszczasz w jednym pliku, jeden pod drugim albo obok, jak wolisz i potem ustawiasz sobie background-position
-------------------- Napisane z palca! <- to tak dla lansu ;)
FancyStudio.pl - Tworzenie Stron WWW w Oparciu o XHTML, CSS, JS, PHP i MySQL. Mój blog :: Portfolio Fotograficzne Igora Biedrawy |
|
|
27.03.2011, 20:47:45
Post
#3
|
|
Grupa: Zarejestrowani Postów: 782 Pomógł: 153 Dołączył: 21.07.2010 Ostrzeżenie: (0%) |
Dwie metody - albo doczytać je Javascriptem, albo umieścić w kodzie strony <img> z hoverami i nadać im display:none (ew. atrybuty width i height ustawić na 0)
@UP Sprajty - też dobry sposób Ten post edytował everth 27.03.2011, 20:49:11 -------------------- Już mi się ani wiedzieć, ani tym bardziej myśleć nie chce.
[Think different]! |
|
|
28.03.2011, 20:32:52
Post
#4
|
|
Grupa: Zarejestrowani Postów: 20 Pomógł: 1 Dołączył: 9.04.2008 Ostrzeżenie: (0%) |
Na śmierć zapomniałem o CSS Sprite ! Aż wstyd się przyznać. Dzięki serdeczne dla Blame i Everth.
Temat można zamknąć. A dla potomnych rozwiązanie: Plik css:
Obrazek to dwa połączone obrazki o rozmiarach 163 x 30 każdy. Plik html: Plik tek jest to przezroczysty plik o wymiarach 163x30. Pozdrawiam. Ten post edytował derecyori 28.03.2011, 20:36:24 |
|
|
Wersja Lo-Fi | Aktualny czas: 4.06.2024 - 21:27 |