Come le immagini di pre-carico solo con i CSS (senza JS)?
-
19-09-2019 - |
Domanda
immagini Come posso pre-carico solo con i CSS, in modo senza l'utilizzo di JavaScript? Deve essere cross-browser.
Non voglio usare sprite CSS. C'è qualche altra soluzione?
Soluzione
È possibile utilizzare più elementi, nascosti con background-position: -1000px -1000px;
e dare loro un background-image
per ogni immagine che si desidera pre-carico.
Altri suggerimenti
Si potrebbe provare a tutti loro di caricare prima del tag body fine e non li visualizza. Poi, se li chiami più tardi dovrebbero essere nella cache se si utilizza lo stesso percorso esatto.
<img src="/i/myimage.jpg" alt="image preload" style="display:none;" />
Si può anche fare una classe con display:. Nessuno e applicare tale a tutte le immagini che si desidera precaricare così
Questo dovrebbe sostenere più le richieste HTTP e anche se se si vuole ridurre quelli che suggerire CSS Sprites se questo ti riguarda mai.