Salut iddsoft,
C'est bon le son fonctionne bien au survol de la souris sur une image !!! Merci !
Maintenant, comment l'intégrer dans un map qui contient déjà un OnMouseOver ?
Ce que j'ai tenté :
- Mettre le script du son avec l'autre OnMouseOver (peut-on mettre tous les script à la suite sans qu'ils se dérangent entre eux ? Faut-il les combiner dans mon cas puisqu'il ne s'agit finalement que d'un mouseover avec 2 fonctions ?)
- Mettre la balise : <div id="player"> </div> en bas juste avant </body> (aucun soucis)
- Mettre les éléments du OnMouseOver dans la page html contenant l'image avec l'autre OnMouseOver. C'est là que j'ai tenté plusieurs choses qui n'ont pas marché.
Voici à quoi ressemble mon code pour l'instant :
Les 2 scripts javascript au début :
<script type="text/javascript">
// <![CDATA[
function montrer(pic){
document.getElementById('map-sys').src = pic;
}
function cacher(){
document.getElementById('map-sys').src = "/images/stories/contenu/promo/Systainer/base_sys.png";
}
// ]]>
</script>
<script type="text/javascript">
function jouerSon(son) {
var content = '<object type="application/x-shockwave-flash" data="/media/system/swf/dewplayer.swf?autostart=1&son='+son+'" width="0" height="0"><param name="movie" value="/media/system/swf/dewplayer.swf?autostart=1&son='+son+'" /><\/object>';
document.getElementById('player').innerHTML = content;
}
</script>
Puis le code html de mon image :
<td><img height="381" width="633" style="margin-left: 5px; margin-bottom: -10px; border: 0px none; float: left;" id="map-sys" usemap="#mapsys" src="/images/stories/contenu/promo/Systainer/base_sys.png" alt="base_sys">
<map id="mapsys" name="mapsys">
<area href="/boutique/acc.-outillage-electroportatif/accessoires-rangement/systainer/promo-systainer-festool-t-loc-sys-1.html" onmouseout="cacher();return false;" onmouseover="montrer('/images/stories/contenu/promo/Systainer/sys1ouvert.png');return false;" alt="SYS 1" title="SYS 1" coords="2,114,113,85,171,119,171,154,55,195,2,158" shape="poly">
<area
.
C'est assez énorme!
!
.