Discussion :

[stellou74]

Bonjour, voil� j'ai un probl�me qui fait que je n'arrive pas � faire fonctionner l'opacit� sur mes area shape j'ai r�cup�r� un code JS qui fonctionnait tr�s bien mais l� je ne comprends pas.

Voil� l'html :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript" src="opacity.js"></script>
...
<map name="image_Map">
<area shape="rect" alt="Collectif" coords="0,0,226,226" href="" onmouseover="opacity(this, 10)" onmouseout="opacity(this, 5)">
<area shape="rect" alt="Book" coords="226,0,450,226" href="" onmouseover="opacity(this, 10)" onmouseout="opacity(this, 5)">
<area shape="rect" alt="Test Mamette" coords="0,226,226,450" href="" onmouseover="opacity(this, 10)" onmouseout="opacity(this, 5)">
<area shape="rect" alt="Test Blue Moon" coords="226,226,450,450" href="" onmouseover="opacity(this, 10)" onmouseout="opacity(this, 5)">
</map>

Et le JS:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
function opacity(elm, value) {
        elm.style.opacity = (value / 10);
        elm.style.MozOpacity = (value / 10);
        elm.style.KhtmlOpacity = (value / 10);
        elm.style.filter = "alpha(opacity=" + (value * 10) + ")";
        elm.style.MsFilter = " 'progid:DXImageTransform.Microsoft.Alpha(opacity=" + (value * 10) + ")' ";
    }

Si quelqu'un a une solution svp.

Merci !

Estelle

[SpaceFrog]

heu un shape est invisible donc il est vain d'essayer de lui colle rune opacit� ...

[stellou74]

Comment est-ce que je peux faire alors ?

[SpaceFrog]

...
faire quoi ?.
rendre un area invisible ?
il l'est d�ja

[stellou74]

non rendre des parties de mon image avec une opacit� diff�rente des autres lorsque je passe la souris dessus ?

[SpaceFrog]

ha ... je vois
un truc dans ce genre l�
http://www.developpez.net/forums/d96...-larea-survol/