December 20
Come si evolve la tecnologia e le pagine Web visualizzate più velocemente, gli utenti Internet diventano abituati a vedere gli eventi accadono quando ne facciano richiesta. Per esempio, se i visitatori del sito fa clic su un pulsante denominato "Visualizza immagine", si aspettano che l'immagine appaia istantaneamente quando si fa clic. Un modo per assicurare che questo accade è quello di precaricare le immagini di grandi dimensioni della pagina Web. Precarico assicura che tutti gli oggetti su una pagina sono pronti per l'uso quando un utente ha bisogno di accedervi. Pre-carica immagini della tua pagina web con l'aggiunta di poche righe di JavaScript per il codice HTML.
1 Aprire una pagina HTML utilizzando il blocco note o un editor HTML.
2 Incollare il codice riportato di seguito nella sezione corpo del documento:
<Img src = "firstImage.jpg" />
<Img src = "secondImage.jpg" />
<Img src = "thirdImage.jpg" />
Questo codice crea tre immagini. Sostituire i tre nomi di immagine - firstImage.jpg, secondImage.jpg e thirdImage.jpg - con i nomi delle immagini sul disco rigido o gli URL delle immagini sul Web.
3 Individuare la sezione di script del documento e incollare il seguente codice JavaScript in quella sezione:
var preLoadedObjects = [
"FirstImage.jpg",
"SecondImage.jpg",
"ThirdImage.jpg"
];
Questo codice crea un oggetto denominato "preLoadedObjects." Questo oggetto contiene i nomi di tutte le immagini che si desidera precaricare. Sostituire i tre nomi sopra indicati con i tre nomi di file che hai usato nella sezione del corpo.
4 Incollare il seguente codice sotto il codice mostrato nella sezione precedente:
for (var i = 0; i <= preLoadedObjects.length; i ++) {
var = currentImage nuova immagine ();
currentImage.src = preLoadedObjects [i];
}
Questo codice viene eseguito quando il caricamento della pagina Web. E 'loop attraverso ogni elemento nell'oggetto preLoadedObjects, crea un'immagine e imposta "src" l'attributo dell'immagine alla posizione dell'immagine.
5 Salvare il documento e visualizzarlo in un browser. Il codice JavaScript viene eseguito e precarica le immagini. Dopo il carico di immagini, viene visualizzata la pagina Web.