[HTML] Załadowanie grafik przed ich użyciem - cache :) Opcje

[shpaque]

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?

[sabat24]

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.

[shpaque]

z contentu tegto nie zrobie lepiej? wiem o co chodzi ale wladnie tej metody chcialem uniknac

[sabat24]

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.

[shpaque]

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

[trzczy]

https://developer.mozilla.org/en-US/docs/We...loading_content
ale nie testowałem

[Pyton_000]

Ma małe wsparcie https://caniuse.com/#search=preload

[trzczy]

No to to

[PHP] pobierz, plaintext 
body:after
{
content: url(img01.jpg) url(img02.jpg) url(img03.jpg);
display: none;
}
[PHP] pobierz, plaintext 

https://www.thecssninja.com/css/even-better...ading-with-css2