C'è un modo per precaricare le immagini usando solo html/css?Pre-caricamento immagini
risposta
Sì, è possibile. Ci sono molti tutorial disponibili su questo argomento - here is one of them.
Se si include un URL nel CSS, l'immagine verrà scaricato come file css viene caricato nel documento.
Sì: http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/
Grazie ... l'URL era già collegato alla risposta (prima) sopra riportata. – natas
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
O ancora più semplice: <link rel="prefetch" href="path to image">
(Firefox).
<link rel="prerender" href="http://example.org/index.html">
(Chrome)
Bello, ma solo Mozilla – saille
E '? Avrei sperato che altri browser lo avessero già raccolto. – Ms2ger
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). –
- 1. Precaricamento immagine in iOS
- 2. Precaricamento delle immagini in HTML, esiste un modo più moderno?
- 3. Precaricamento gruppi
- 4. Meteor: Precaricamento immagine/i
- 5. iOS: precaricamento video AVPlayer
- 6. HTML5 video pieno precaricamento in javascript
- 7. Precaricamento di più file audio
- 8. Blocco Javascript fino al completamento del precaricamento dell'immagine?
- 9. Precaricamento di un embedding di YouTube
- 10. Precaricamento delle associazioni Ecto per impostazione predefinita
- 11. Precaricamento di classi/librerie java all'avvio del jar?
- 12. Precaricamento della pagina successiva (o precedente) in ViewPager
- 13. precaricamento attivedecord che causa la degredazione delle prestazioni dopo l'effetto
- 14. Dove cambiare il valore di precaricamento in activemq
- 15. Pop Immagini come Google Immagini
- 16. python search con immagini google immagini
- 17. Iphonesdk Unisci tre immagini due immagini singole
- 18. Cercare i migliori equivalenti delle istruzioni di precaricamento per ia32, ia64, amd64 e powerpc
- 19. jQuery mobile precaricamento di una pagina che carica contenuto tramite Ajax
- 20. Confronto immagini per immagini vettoriali (basato sul rilevamento dei bordi)?
- 21. Immagini di posizione/Immagini di sfondo relative al mouse
- 22. Come identificare immagini simili nonostante alcune immagini siano state ritagliate?
- 23. Immagini associate alle immagini aggiunte ai file resx utilizzando XAML
- 24. Visualizza immagini o immagini all'interno di Jquery DataTable
- 25. Accesso alle immagini protette nel caricatore universale di immagini
- 26. precaricare le immagini con immagini di sfondo css?
- 27. Accedi alle immagini dall'app Immagini nella mia app Android
- 28. Come esportare immagini da un elenco immagini in VS2005?
- 29. Sostituzione di immagini vettoriali in un PDF con immagini raster
- 30. Quarzo: acquisizione delle immagini diff di due immagini
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