opacity

[french]

Ho trovato questo script che permette di cambiare opacità ad un'immagine al passaggio del mouse. E' possibile applicarlo ad un'immagine mappata? Cioè vorrei cambiare l'opacità solo all'area interessata dal link.

<script language="JavaScript1.2">

//Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

function makevisible(cur,which){
strength=(which==0)? 1 : 0.2

if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}

</script>

<a href="#1" style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)">
[img]ziosem.gif[/img]</a>

[Francis87]

Originariamente inviato da french
Ho trovato questo script che permette di cambiare opacità ad un'immagine al passaggio del mouse. E' possibile applicarlo ad un'immagine mappata? Cioè vorrei cambiare l'opacità solo all'area interessata dal link.

<script language="JavaScript1.2">

//Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

function makevisible(cur,which){
strength=(which==0)? 1 : 0.2

if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}

</script>

<a href="#1" style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)">
[img]ziosem.gif[/img]</a>

prova a mettere questo nel tag area:

<area style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" >

[french]

In realtà ho già provato. L' ultima parte del codice che ho postato, cioè quella relativa al tag href, come l'ho messa io non funziona (ho sbagliato a ricopiarlo - era una prova), perchè lo stile ed i vari onmouseover ed onmouseout devono andare nel tag img per far funzionare il tutto. E' proprio per questo che ho chiesto questa cosa.

[Francis87]

hai un esempio di come avrebbe dovuto funzionare?

[french]

Mi sono rimesso al comouter solo ora...
Basta invertire la seconda parte dello script ed applicare l'effetto all'immagine, così:

<a href="#" >
[img]ziosem.gif[/img]
</a>