cambiare immagini al passaggio del mouse

27-11-2006, 18.13.11

Ciao,
come posso fare nel menu a far cambiare immagine al passaggio del mause?

Spero di essermi spiegato bene.
Grazie.

**powser** · 27-11-2006, 18.21.52

Codice HTML:

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','url della prima immagine'',1)")<img src="url della seconda immagine" name="Image1" border="0"></a>

dovrebbe bastare

27-11-2006, 18.48.53

aspetta... devo sostituire 'url della prima immagine' con l'url, giusto?
Non funge.

**funcool** · 28-11-2006, 11.13.56

Originalmente inviato da powser

Codice HTML:

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','url della prima immagine'',1)")<img src="url della seconda immagine" name="Image1" border="0"></a>

dovrebbe bastare

Mancano le due funzioni! Qui c'è un esempio completo.

28-11-2006, 19.11.43

Allora,
potreste darmi il codice intero contando le due immagini sopra?
home.gif e home_over.gif
Grazie per la pazienza.

**funcool** · 28-11-2006, 19.18.00

Se leggi la discussione che ho linkato, è già spiegato tutto.

28-11-2006, 22.04.07

Originalmente inviato da funcool

Se leggi la discussione che ho linkato, è già spiegato tutto.

Fatto ma non è andata bene.
Mi servirebbe il codice diretto-

**funcool** · 29-11-2006, 10.51.30

Scrivi qui il codice che hai inserito così ti diciamo cosa hai sbagliato.

30-11-2006, 00.01.35

Codice HTML:

<a href="index1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home.gif','','home.gif'',1)")<img src="home_over.gif" name="home_over" border="0"></a>

**funcool** · 01-12-2006, 10.52.45

Hai chiuso il tag con la parentesi ()) e non con il segno maggiore (>). Inoltre hai dimenticato di scrivere tutto il resto del codice che è scritto nell'altra discussione!

01-12-2006, 15.47.39

Perdonami,non so utilizzare bene vbulletin.
Ma quale codice che hai messo devo inserire? 1,2,3

**funcool** · 01-12-2006, 15.54.33

Tutto quello che è scritto qui.

01-12-2006, 17.05.54

Originalmente inviato da funcool

Tutto quello che è scritto qui.

Ok, ma quale devo copiare di quelli?

**funcool** · 02-12-2006, 12.53.47

Tutti. Leggi anche gli intermezzi dove spiego come li devi utilizzare.

02-12-2006, 16.38.13

Codice:

<title>TEAMPOWER</title>
<body>function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
<a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nome link','','home_over.gif',1)"><img src="home.gif" name="nome link" width="172" height="80" border="0"></a></body>

non funge

**funcool** · 02-12-2006, 16.45.39

Alla fine ce l'hai fatta, il codice te lo scrivo tutto io!

Codice HTML:

<html>
<head>
<title>TEAMPOWER</title>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onLoad="MM_preloadImages('home_over.gif');">
<a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','home_over.gif',1)"><img src="home.gif" name="home" border="0"></a>
</body>
</html>

02-12-2006, 23.36.05

http://teampowersite.altervista.org/index1.html
non ci siamo ancora

**funcool** · 05-12-2006, 11.49.45

La console degli errori di Firefox dice che hai dimenticato di chiudere una parentesi graffa. Non ho controllato il tuo codice perché è tutto su una riga e non si capisce molto.

Discussione: cambiare immagini al passaggio del mouse

LinkBack

Strumenti discussione

Display

cambiare immagini al passaggio del mouse

Regole di scrittura