[HTML] Załadowanie grafik przed ich użyciem - cache :) |
[HTML] Załadowanie grafik przed ich użyciem - cache :) |
10.09.2018, 13:03:37
Post
#1
|
|
Grupa: Zarejestrowani Postów: 651 Pomógł: 3 Dołączył: 31.01.2011 Skąd: Warszawa Ostrzeżenie: (10%) |
Witam serdecznie,
zapytam tak, bo dawno już nie pracowałem przy zmianie grafik podczas hovera, a nie ukrywam że przeszkadza mi ta milisekunda, którą widać kiedy po raz pierwszy robie hover i musi zaladowac grafikę, pozniej juz plynnie się to odbywa - chyba wiecie o co chodzi - tak wiec zapytam bo nigdy wczesniej nie zdarzylo mi się czegoś takiego robić jak zaladowac zdjecia przed ich uzyciem; nigdy nie zwracałem na to uwagi aż takiej, ale teraz mi to po prostu przeszkadza - jaki jest na to najlepszy sposób? |
|
|
10.09.2018, 13:12:12
Post
#2
|
|
Grupa: Zarejestrowani Postów: 175 Pomógł: 26 Dołączył: 13.09.2007 Skąd: Gdańsk Ostrzeżenie: (0%) |
Zależy co chesz zrobić, ale generalnie połącz zdjęcia w jeden plik, załaduj w CSS jako background i na hover zmień background-position, żeby pokazało drugie zdjęcie.
|
|
|
10.09.2018, 13:14:57
Post
#3
|
|
Grupa: Zarejestrowani Postów: 651 Pomógł: 3 Dołączył: 31.01.2011 Skąd: Warszawa Ostrzeżenie: (10%) |
z contentu tegto nie zrobie lepiej? wiem o co chodzi ale wladnie tej metody chcialem uniknac
|
|
|
10.09.2018, 13:28:59
Post
#4
|
|
Grupa: Zarejestrowani Postów: 175 Pomógł: 26 Dołączył: 13.09.2007 Skąd: Gdańsk Ostrzeżenie: (0%) |
Z contentu w jakim sensie? Style możesz sobie też dodać inline. Jedyna alternatywa to stworzyć w JS dynamicznie img i załadować obrazek przez podanie ścieżki do src w ramach preloadera, ewentualnie stworzyć img z position absolute i wyrzucić go poza widok strony, a później go przenieść, ale to trochę przekombinowane.
|
|
|
10.09.2018, 13:45:23
Post
#5
|
|
Grupa: Zarejestrowani Postów: 651 Pomógł: 3 Dołączył: 31.01.2011 Skąd: Warszawa Ostrzeżenie: (10%) |
no właśnie - dobrze ujęte - przekombinowane - bo bez sensu tworzyc linijki niepotrzbnego kodu. Mozliwe że ten sposób z backgroundem jako 1 plik i tak będzie najmniej ingerencyjny w wagę pliku
|
|
|
10.09.2018, 14:03:05
Post
#6
|
|
Grupa: Zarejestrowani Postów: 460 Pomógł: 49 Dołączył: 5.06.2011 Ostrzeżenie: (0%) |
https://developer.mozilla.org/en-US/docs/We...loading_content
ale nie testowałem |
|
|
10.09.2018, 14:52:15
Post
#7
|
|
Grupa: Zarejestrowani Postów: 8 068 Pomógł: 1414 Dołączył: 26.10.2005 Ostrzeżenie: (0%) |
Ma małe wsparcie https://caniuse.com/#search=preload
|
|
|
10.09.2018, 15:11:19
Post
#8
|
|
Grupa: Zarejestrowani Postów: 460 Pomógł: 49 Dołączył: 5.06.2011 Ostrzeżenie: (0%) |
No to to
https://www.thecssninja.com/css/even-better...ading-with-css2 |
|
|
Wersja Lo-Fi | Aktualny czas: 23.04.2024 - 07:25 |