Newsgroup: it.comp.lang.javascript
Titolo: Image Rollover con Netscape

Come si ottiene un image rollover con Netscape?
Ho azzardato una pagina del genere:
<script language="Javascript1.2">
function cambia() {
document.layers['piano'].document.images['imma'].src = "2.gif"
}
</script>
</head>
<body>
<ILAYER NAME="piano" ID="piano" onClick="cambia()">
<IMG NAME="imma" ID="imma" SRC="1.gif">
</ILAYER>
<FORM>
<INPUT type="button" value="proviamo" onClick="cambia()">
</FORM>
</body>
Il bottone gestisce il tutto correttamente, ma invece l'event-handler messo
direttamente nel layer non funziona? Come si fa?
GRAZIE
maghetto

www.jslabs.cjb.net
Ciao
Giuseppe Di Natale
gdin...@camomillaitalia.it
---------------------------------------------------------------
JS Labs - FAQ di it.comp.lang.javascript
http://www.jslabs.cjb.net
jsl...@yahoo.com
---------------------------------------------------------------

Come si ottiene un image rollover con Netscape?
SOno alcuni giorni che leggo il newsgroup, sto imparando JavaScript e vi
ringrazio tutti per quanto state facendo, adesso vedo se riesco a
rendermi utile anch'io.
Qui di seguito posto il codice per un rollover che funziona tanto su
IE4.0 5.0 e NN4.0 (almeno su questi browser l'ho testato e ne sono
sicuro)
Sicuramente esiste un modo piu' elegante per farlo, questo funziona ma
sicuramente c'e' un sistema migliore.
Ciao
Gabriele
http://www.lamezianet.it/html
<html>
<head>
<title>Rollover</title>
<script language="JavaScript">
function mouseSopra() {
        var miaImmagine = new Image (68,66) 
        miaImmagine.src = "img_giu.gif"
        document.nomeImmagine.src = "img_giu.gif"
 
}
function mouseSotto() {
        var miaImmagine1 = new Image (68,66) 
        miaImmagine1.src = "img_su.gif"
        document.nomeImmagine.src = "img_su.gif"
}
</script>
</head>
<body>
<a href="http://" onMouseOver="mouseSopra()"
onMouseOut="mouseSotto()"><img src="img_su.gif" name="nomeImmagine"></a>
</body>
</html>
--
Posted from [195.31.160.195]
via Mailgate.ORG Server - 
http://www.mailgate.org

 </script>
redo che sarebbe meglio dichiarare gli elementi del tuo array di immagini al
di fuori delle funzioni che concretamente fanno lo swap: credo che se le
metti dentro delle funzioni vengono lette (e quindi caricate) solo quando la
funzione è concretamente chiamata, quindi si perde il beneficio del preload.
Qualcuno potrebbe confermare?
Inoltre è più economico usare una sola funzione, di solito io uso un
parametro "sopra" che metto su true con l'evento MouseOver e su false con
MouseOut,  in pratica:
function swappa(sopra) {
if (sopra) {
immagine.src = "attiva.gif" ;
} else {
immagine.src = "normale.gif" ;
}
} // end fn
maghetto

Se può esseri di qualche utilità ecco una scritta entra che cambia 
passando sopra col mouse, testato su Netscape 3 e 4.
Nell'header dell'HTML
<script language="JAVASCRIPT"><!--
if (document.images) {
			entra1=new Image;
			entra2=new Image;
			entra1.src="ENTRA1.GIF";
			entra2.src="ENTRA2.GIF";
		}
		else {
			entra1.src="";
			entra2.src="";
			document.entra="";
		}
// -->
</script>
Nota che document.images restituisce true se il browser in questione 
(ovvero il javascript di cui è dotato) supporta le immagini.
Nel BODY:
<br><a href="PAGINA.HTM" onmouseover="document.entra.src=entra2.src" 
onmouseout="document.entra.src=entra1.src"><img SRC="ENTRA1.GIF" 
NAME="entra" height=42 width=160></a></center>