Newsgroup: it.comp.www.html
Titolo: ONMOUSEOVER e ONMOUSEOUT come si usano?

Ho un link a 1 pag sulla immagine IMG1.GIF e vorrei fare in modo se con il
mouse ci passo sopra l'immagine visualizzata diventi
IMG2.GIF. So che una cosa del genere si può fare utilizzando i
"comandi" ONMOUSEOVER e ONMOUSEOUT, ma NON sò utilizzarli,
chi mi aiuta?
dove posso trovare degli esempi?
servirà qlc altro o basta l'HTML?
^__^
Luca

 ...[cut]
Ecco un esempio:
<script language="javascript">
img1=new Image();
img1.src="img1.gif";
img2=new Image();
img2.src="img2.gif";
</script>
<a href="http://quellocheè"
onmouseover="document.images['image'].src=img2.src"
onmouseout="document.images['image'].src=img1.src">
<img src="image1.gif" name="image" border="0" width="135" height="19"></a>

ok funziona
Grazie
^__^  ok funziona
....ma ora come faccio ad applicarlo alla bandiera ita1.gif che diventa
ita2.gif in questa pagina? 
http://www.cfsystem.it/provette/alto.htm
(non è in alto a sinistra, ma in una posizione particolare nel foglio...)
^__^

 ...[cut]
Metti questo tra <head> e </head>
<script language="javascript">
img1=new Image();
img1.src="provette/ITA1.gif";
img2=new Image();
img2.src="provette/ITA2.gif";
</script>
Poi...al posto dell'attuale <img border="0" src="ITA1.gif" alt="Versione
italiana" align="baseline" width="15" height="15">
....gli metti questo:
<a href="linkchevuoitu"
onmouseover="document.images['myimage'].src=img2.src"
onmouseout="document.images['myimage'].src=img1.src">
<img src="provette/ITA1.gif" name="myimage" border="0" width="15"
height="15" alt="Versione italiana"></a>
Ciao


....ok ci sono....
ora però ho altri 3 problemini.. :
1) la bandiera inglese funzia (sistemerò le gif), l'italiana no....
2) non riesco a tenere la barra nera allineata e alta come  tondo.gif, in
front page funzia, in rete fà così.....  grrrrrr.
3) nell'angolo in basso a dx della bandiera italiana, c'è un puntino di
colore blu ke nn capisco da dove sbuki e nn riesco
ad eliminare....
http://www.cfsystem.it/provette/alto.htm
^__^ grazie x la pazienza ;-)

 ^__^ grazie x la pazienza ;-)
Non c'e' di che...
Ciao


.....ok ci sono....
ora mi restano gli altri 3 problemini :
2) non riesco a tenere la barra nera allineata e alta come  tondo.gif, in
front page funzia, in rete fà così.....  grrrrrr.
3) nell'angolo in basso a dx della bandiera italiana, c'è un puntino di
colore blu ke nn capisco da dove sbuki e nn riesco
ad eliminare....
http://www.cfsystem.it/provette/alto.htm
^__^ grazie ancora x la pazienza ;-)

 ad eliminare....
Attaca il tag di chiusura del link (</A>) a quello dell'iimagine, senza
lasciare spazi!
Adesso e' cosi':
<a ...><img src=...> </a>
e deve diventare
<a ...><img src=...></a>
Non era un puntino, ma la sottolineatura dello spazio bianco!!!
Ciao,
Ema

 ha scritto nel messaggio
news:iFE4b.280857$lK4.8...@twister1.libero.it...
| Ho un link a 1 pag sulla immagine IMG1.GIF e vorrei fare in modo se con il
| mouse ci passo sopra l'immagine visualizzata diventi
| IMG2.GIF. So che una cosa del genere si può fare utilizzando i
| "comandi" ONMOUSEOVER e ONMOUSEOUT, ma NON sò utilizzarli,
|
non c'è bisogno di javascript. coi css metti questo prima di </head> ed
elimina il codice delle immagini (<img src="IMG1.GIF">)
<style>
A.rollover: link {background-image: url(IMG1.GIF)}
A.rollover: hover {background-image: url(IMG2.GIF)}
</style>
mentra al link scrivi così:
<a class="rollover"></a>

 > front page funzia, in rete fà così.....  grrrrrr.
^__^
Luca