Come precaricare le immagini con il linguaggio javascript.
ALLWEB free
Web Directory Script Linguaggi
Italiano Inglese Tutte
 
 30 Aug 2014
aggiungi in preferiti  
Home    Mappa directory    Script




Precarica immagini javascript:

Il problema in oggetto Ŕ molto esteso nei navigatori che utilizzano connessioni molto lente. In pratica se una pagina contiene un numero di immagini elevato pu˛ accadere che si termini il suo caricamento senza che tutte le immagini siano realmente scaricate. In questo caso l'utente vedrÓ dei quadratini vuoti con la X rossa in alto a sinistra (Come se l'immagini non esistesse).

Prova di immagine non caricata

Per evitare questo problema grafico possiamo inserire un piccolo script in javascript che carichi in memoria pc tutte le immagini prima di iniziare con lo scarico pagina.



CODICE:
<html>
<head>
...
...
<script language="JavaScript" type="text/javascript">
<!--
function precaricaimmagini(){
if (document.images){
var filediimmagini = precaricaimmagini.arguments;
var matriceprecaricate = new Array();
for (var i=0; i<filediimmagini.length; i++){
matriceprecaricate[i] = new Image;
matriceprecaricate[i].src = filediimmagini[i];}}}
//-->
</script>
</head>
<body onload="precaricaimmagini()">
<script language="JavaScript" type="text/javascript">
<!--
precaricaimmagini('immagine1.gif.', 'immagine2.jpg', 'immagine3.jpg'); //Per aggiungere mettere una virgola ed un nuovo nome di immagine fra apici singoli.
//-->
</script>
...
...
</body>
</html>



Inserendo questo script siamo sicuri che le immagini saranno visibili da tutti i navigatori, infatti appena il browser trova il richiamo alla funzione "precaricaimmagini" scarica tutte le immagini nel pc.