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/

[stellou74]

oui sauf que dans mon cas l'image est visible dès le début en opacité 50% par exemple et lorsque la souris passe sur un élément il devient(lui seul) en opacité 100% alors que le reste de l'image reste en 50%.

[SpaceFrog]

La seule possibilité serait de mettre les images en arrière plan recouvertes d'un gif transparent sur lequel tu colles le map et au survol des area tu modifies l'opacité des images derrière ...

[stellou74]

Très bien merci !