Due effetti OnMouseOver sullo stesso link: si può?

**magnotta** · 18-09-2008, 11:47

Hola!
Ho la necessità di avere due effetti onmousover (quindi al passaggio del mouse) su dei link
Potete vedere l'effetto qui (vedere con Chrome o Firefox):
http://www.moti-f.it/prova/progetti.htm
Quindi un onmousover che richiami l'immagine a sinistra di sfondo e un onmouseover che cambi la scritta del link da grigio a neretto.

Sul sito in questione non ne avevo bisogno perchè l'hover sul link da grigio a nero lo realizzavo con il css...ma questa soluzione non è praticabile a causa di visualizzazione errata su IE (potete verificare lo schifo che ricrea IE, la difficile navigabilità dei links

).

Quindi sto facendo una versione con i link composti da immagini, con rollover gestito in questo modo (esempio):

<a href="progetti.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/Image1_h.jpg',1)">
[img]images/Image1.jpg[/img]</a>

Mentre l'effetto per lanciare un'immagine di sfondo sulla parte sinistra era ricreata con questo onmouseover:

Come posso combinare questi due ONMOUSEOVER contemporaneamente?
Si può fare, o mi potete suggerire metodi alternativi?
Thanks

**artorius** · 18-09-2008, 11:56

semplice:

modifica la definizione di changeimage():

function changeimage(towhat,url,id_image,new_image){

Poi all'interno della funzione changeimage() dopo aver fatto la tua parte fai:

MM_swapImage(name_image,'',new_image,1);

all'onMouseOver chiami solo:

changeimage(myimages[1],this.href, 'Image1', 'images/Image1_h.jpg') e sei a posto

**magnotta** · 18-09-2008, 13:07

Ehmmmm...non è che abbia capito tanto bene...sarà che sono leggermente un profano su questa materia

Per favore (anche in PM, eventualmente) cerca di spiegarmi meglio

Allora, nell'<head> ho questo javascript:

[I]<script>
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>

<script language="JavaScript1.1">

</script>

Nel BODY invece:

[img]images/finisterrae.jpg[/img]

Mentre l'altra funzione onmouseover che non capisco come inserire è:

onMouseover="changeimage(myimages[1],this.href)"

Mi suggerisci dove devo influire, esattamente? E se dopo ci sono parti di script da cancellare?
GRAZIE INFINITE!

**artorius** · 18-09-2008, 13:21

function changeimage(towhat,url,name_image,src_to_change){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
MM_swapImage(name_image,'',src_to_change,1);
}
}

[img]images/finisterrae.jpg[/img]

Discussione: Due effetti OnMouseOver sullo stesso link: si può?

Strumenti discussione

Ricerca discussione

Visualizza

Due effetti OnMouseOver sullo stesso link: si può?

Permessi di invio