Ciao a tutti... ho bisogno di precaricare un'immagine di sfondo che si andrà a sostituire a quella principale al passaggio del mouse. In pratica ho fatto uno javascript che mi fa cambiare lo sfondo di una cella richiamando due classi di un foglio di stile... però la seconda immagine inizia a caricarsi quando lo script richiama la classe che la contiene. Per cui avrei bisogno di precaricarla in precedenza. Grazie!
Chi non punisce il male comanda che si faccia.
In generale il preload si ottiene con:
<head>
...
<script>
var img = new Image();
img.src="immagine2.gif";
</script>
...
</head>
ciao
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
Purtroppo non funziona... l'immagine inizia a scaricarsi quando passo sopra col mouse e lo script richiede la seconda immagine. Io ho una linea 56K e ci mette circa 5-6 secondi per essere visualizzata. Questa è la pagina, se magari vuoi darci un'occhio...
http://rawmaterials.altervista.org/download.htm
Chi non punisce il male comanda che si faccia.
Potresti risolvere con una gif a righe verticali azzurre e fondo trasparente... e cambi solo il colore di sfondo con i CSS
Comunque potresti forse risolvere anche assegnando con i css la seconda immagine come sfondo fisso di una div non visibile... :master:
ciao
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
Scusa, scusa! Lo script che mi hai dato funziona benissimo... avevo sbagliato a scrivere l'indirizzo della immagine. Che scemo!
Mi potresti solo spiegare a cosa serve la riga:
Non conosco molto javascript ma mi sembra che qui crei la variabile "img" e gli assegni il valore "new Image()"... ma cosa vuol dire "new Image()"? Grazie mille per l'aiuto!!!codice:var img=new Image();
Chi non punisce il male comanda che si faccia.
Scusa se ti rompo ancora ma volevo chiederti una ultimissima cosa... Per far caricare più immagini contemporaneamente dovrei fare una cosa del genere?
<script type="text/javascript">
<!--
var img1=new Image();
img1.src="immagine1.gif";
var img2=new Image();
img2.src="immagine2.gif";
var img3=new Image();
img3.src="immagine3.gif";
var img4=new Image();
img4.src="immagine4.gif";
var img5=new Image();
img5.src="immagine5.gif";
var img6=new Image();
img6.src="immagine6.gif";
//-->
</script>
GRAZIE!!! Ciao!
Chi non punisce il male comanda che si faccia.
Per preload in un file JS esterno puoi fare cosi:
immagini=new Array()
immagini[0]= new Array("img01.jpg");
immagini[1]= new Array("img02.jpg");
immagini[2]= new Array("img03.jpg");
immagini[3]= new Array("img04.jpg");
arr_img=new Array()
for(i=0;i<immagini.length;i++){
arr_img[i]=new Image()
arr_img[i].src=immagini[i]
}
__________________
Permessi di invio
Rispondi quotando