javascript opacity sur area shape
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:
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:
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
