6
C'è un modo per precaricare le immagini usando solo html/css?Pre-caricamento immagini
A
risposta
5
Sì, è possibile. Ci sono molti tutorial disponibili su questo argomento - here is one of them.
0
Se si include un URL nel CSS, l'immagine verrà scaricato come file css viene caricato nel documento.
0
Sì: http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/
+0
Grazie ... l'URL era già collegato alla risposta (prima) sopra riportata. – natas
0
sì, c'è. C'è una tecnica chiamata sprite CSS.
Funziona praticamente caricando un'unica grande immagine e poi solo la visualizzazione di alcune sezioni dell'immagine, se necessario. Ovviamente, questa tecnica non è pratica per ogni soluzione, ma è buona per molti.
A List Apart un grande tutorial su questo: A List Apart: Articles: CSS Sprites: Image Slicing's Kiss of Death
2
O ancora più semplice: <link rel="prefetch" href="path to image"> (Firefox).
<link rel="prerender" href="http://example.org/index.html"> (Chrome)
+0
Bello, ma solo Mozilla – saille
+0
E '? Avrei sperato che altri browser lo avessero già raccolto. – Ms2ger
+0
Nota/aggiornamento: 'prefetch' è [HTML 5 standard] (http://www.w3.org/TR/html5/links.html#link-type-prefetch). Anche se non ho ancora testato quale browser implementa completamente questa funzione (nel 2014). –
Non è vero, almeno non per tutti i browser. La maggior parte dei browser carica gli URL CSS su richiesta, quindi le immagini al passaggio del mouse non vengono scaricate fino a quando l'utente non si posiziona. – saille