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