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/