Newsgroup: it.comp.lang.javascript
Titolo: rollover

Ho aggiunto al mio sito un tasto che cambia quando vi passa il mouse, il
problema sta nel fatto che l'immagine viene caricata ogni volta, con
conseguente effetto ritardato, vorrei sapere come si fa a caricarla. grazie

Leopoldo Elefante wrote:

http://www.jsdir.com
 --> Archivio --> Rollover (singolo e multiplo)
Ciao, Riccardo
-----------------------------------------------------------------------
http://www.bottegasanlorenzo.it
http://www.jsdir.com
Need a JavaScript password?
http://www.agora.it/Ri.Riccardi/ingresso.html
-----------------------------------------------------------------------
"Any sufficientely advanced technology is indistinguishable from magic"
Arthur Charles Clarke
-----------------------------------------------------------------------
.
.
.
.
.
 . . . . . . I Fantastici 4 stanno arrivando . . . . . . manca poco! . . . . .

 ha scritto nel messaggio
news:_LWq5.9102$Wi7....@news.infostrada.it...


 ha scritto nel messaggio
news:FY6r5.11485$Wi7.1...@news.infostrada.it...

Ciao!
In che senso non risolvi?????????
Riccardo ti ha dato il link al suo sito per copiare lo script!!!!!!!!
Qual'è il problema?????
____________________
andreotta fabiano
WebMªster ATI POWER s.n.c.
andr...@atipower.it
http://www.atipower.it
http://www.afdsoftware.freeweb.org
____________________

 wrote in message
8oiuej$ab3$1...@worldonline.it...


 <html>
<head>
<script language="javascript">
<!--
function preloadImg(zUrl)
 {
 var xa = new Image();
 xa.src = zUrl;
 return xa;
 }
var arrImages = new Array();
arrImages[0]=preloadImg("BtnUp.gif");
arrImages[1]=preloadImg("BtnDown.gif");
arrImages[2]=preloadImg("BtnUp1.gif");
arrImages[3]=preloadImg("BtnDown1.gif");
.
.
.
file://-->
</script>
</head>
<body>
<a href="link.htm" onMouseOver="document.images[0].src=arrImages[1].src"
  onMouseOut="document.images[0].src=arrImages[0].src">
  <img border="0" src="BtnUp.gif">
</a>
<a href="link.htm" onMouseOver="document.images[2].src=arrImages[3].src"
  onMouseOut="document.images[2].src=arrImages[2].src">
  <img border="0" src="BtnUp1.gif">
</a>
.
.
.
</html>

 wrote in message
w2or5.17009$Wi7.2...@news.infostrada.it...


 Anzi, se qualcuno legge il messaggio e ci spiega il tutto è il
benvenuto....
Eccomi!!
Quando si fà riferimento ad un elemento in un documento.....si comincia a
contare da 0 in alto a sinistra.....perciò la terza immagine da sinistra
sarà  images[2] .....e così anche per gli array .......arrImages[4]
......etc perciò la chiamata alla funzione per onMouseOver per la terza foto
sarà........onMouseOver="document.images[2].src=arrImages[5].src"  perchè ne
precarichi 2 per ogni img......1 , 3 , 5 etc...............cmq vi posto il
codex per tre img...........
<html>
<head>
<title>Nuova pagina 4</title>
<script language="javascript">
<!--
function preloadImg(zUrl)
 {
 var xa = new Image();
 xa.src = zUrl;
 return xa;
 }
var arrImages = new Array();
arrImages[0]=preloadImg("images/BOTT2.gif");
arrImages[1]=preloadImg("images/BOTT3.gif");
arrImages[2]=preloadImg("images/BOTT4.gif");
arrImages[3]=preloadImg("images/BOTT5.gif");
arrImages[4]=preloadImg("images/BOTT6.gif");
arrImages[5]=preloadImg("images/BOTT7.gif");
//-->
</script>
</head>
<body >
<a href="link.htm" ><img border="0" src="images/BOTT2.gif"
onMouseOver="document.images[0].src=arrImages[1].src"
onMouseOut="document.images[0].src=arrImages[0].src" width="140"
height="40"></a>&nbsp;
<a href="eventi.htm"><img border="0" src="images/BOTT4.gif" width="140"
height="40" onMouseOver="document.images[1].src=arrImages[3].src"
onMouseOut="document.images[1].src=arrImages[2].src" width="140"
height="40"></a>&nbsp;
<a href="esegui.htm"><img border="0" src="images/BOTT6.gif" width="140"
height="40" onMouseOver="document.images[2].src=arrImages[5].src"
onMouseOut="document.images[2].src=arrImages[4].src" width="140"
height="40"></a>
</body >
</html>


 file://-->


 wrote in message
GjBr5.29393$Wi7.3...@news.infostrada.it...
