Newsgroup: it.comp.lang.javascript
Titolo: Roll Over

Ciao a tutti,
ho un problema con un roll over.
Premetto di non essere esperto di Javascript.
Al Passaggio del mouse su di un link l'immagine
soprastante deve scambiarsi con un'altra immagine
di dimensioni diverse. Ora le immagini si scambiano,
ma al passaggio del mouse la seconda immagine assume
le dimensione della prima e viene tutta scombinata.
Il codice è questo:
function img_act(imgName,imgName2){
 myImage = new Image(100, 60);
 myImage.src = "amministra/catalogo/img/" + imgName2;
 document [imgName].src = myImage.src
}
function img_inact(imgName){
 //alert(imgName);
 document [imgName].src = "Imchos/" + imgName + ".gif";
}
Il link è questo:
<a href="scheda.asp?id=5" class="choose"
onmouseover="img_act('choose_r6_c3','nomeImmagine')"
onmouseout="img_inact('choose_r6_c3')">link</a>
Ciao e grazie.
Matteo.

 di dimensioni diverse. Ora le immagini si scambiano
Le cose vanno proprio cosě; le immagini devono avere la stessa dimensione.
Maurizio.

 Maurizio.
Mi spiace ma non è esatto.
Un rollover funziona indipendentemente dalle dimensioni delle immagini.
Probabilmente nell'html ci sono i valori width e height impostati e pertanto
l'immagine apparirà sempre di quella dimensione.
Questo funziona con qualsiasi immagine:
<HTML>
<head>
<script language="Javascript">
	img1 = new Image()
	img1.src = "pippo.jpg"
	img2 = new Image()
	img2.src = "pluto.jpg"
	function cambia(val) {
		if(val == 1)
			document.img.src = img2.src;
		else
			document.img.src = img1.src;
	}
</script>
</head>
<body>
<a href="#" onmouseover="cambia(1)" onmouseout="cambia(0)"><img border="0"
name="img" src="pippo.jpg"></a>
</body>
</HTML>
Ciao.
-- 
Posted via Mailgate.ORG Server - 
http://www.Mailgate.ORG

 Maurizio.
Mi spiace ma non è esatto.


 cerchero` un'altra donna dentro ai sogni di Tarzan

 E come intendi, scusa?
A quanto ne so, l' unica cosa con NN<5 e' mettere l' immagine in un layer,
e riscrivere il tag <IMG > nel layer con document.writeln().
<html><body><script>
   img11 = new Image()
   img11.src = "tdA.gif"
   img22 = new Image()
   img22.src = "tdB.gif"
   document.layers?
   document.writeln("<layer id='imm1'  onmouseover='su(true)'
onmouseout='su(false)'><a href='#'><img src='tdA.gif'  width='100'
height='100' border='0'></a></layer>"):
   document.writeln("<a href='#'><img name='img1' src='tdA.gif' width='100'
height='100' border='0' onmouseover='su(true)'
onmouseout='su(false)'></a>");
   function
{  
       if(document.layers){ 
           document.layers["imm1"].document.writeln("<a href='#'><img src='"+(arguments[0]?img22.src:img11.src)+"' width='"+(arguments[0]?200:100)+"' height='"+(arguments[0]?200:100)+"' border='0'></a>")
           document.layers["imm1"].document.close()
       }else{
           document.images("img1").src=arguments[0]?img22.src:img11.src
           document.images("img1").width=arguments[0]?200:100
           document.images("img1").height=arguments[0]?200:100
       }
   }
</script></body></html>
--
 [Ciao]
  [web]   
www.gfcarlotti.it
   [mail]   
fra...@gfcarlotti.it

            document.images("img1").height=arguments[0]?200:100
Piccolo errore, parentesi quadre (IE perdona molte sviste).
           document.images["img1"].src=arguments[0]?img22.src:img11.src
           document.images["img1"].width=arguments[0]?200:100
           document.images["img1"].height=arguments[0]?200:100
