<!------------------------------------------------------------------------->
<div id="jingle"> </div>
<p style="width: 400px; border: 2px solid white; padding: 5px; text-align: center;"><a onmouseover="PlayMusic('https://ekladata.com/papyrocktest.eklablog.com/perso/sonoriser2/music/voix-A01.mp3');">CLIQUE SUR L'ANIMAL DE TON CHOIX ET ECOUTE SON CRI</a></p>
<p><img usemap="#map" src="https://ekladata.com/1Bv4UOrDcC-8Hx5muq6NUgIutzo/tous2.jpg" border="0" alt="" width="320" height="240" /> <map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Blond -->
<!------------------------------------------------------------------>
<area title="Ecoute la vache" onclick="PlayMusic('https://ekladata.com/mesmontages.eklablog.com/perso/sf_vache_SF_01.mp3');" shape="rect" coords="7,1,153,113" href="#" />
<area title="Ecoute le mouton " onclick="PlayMusic('https://ekladata.com/mesmontages.eklablog.com/perso/SF_mouton_belement_03.mp3');" shape="rect" coords="164,3,310,112" href="#" />
<area title="Ecoute le cochon" onclick="PlayMusic('https://ekladata.com/mesmontages.eklablog.com/perso/SFB-cochons-SF.mp3');" shape="rect" coords="5,122,158,233" href="#" />
<area title="Ecoute la poule " onclick="PlayMusic('https://ekladata.com/mesmontages.eklablog.com/perso/sf_poules_02.mp3');" shape="rect" coords="168,125,309,235" href="#" />
</map></p>
<!-------------------script js------------------------------------>
<script type="text/javascript">// <![CDATA[
function PlayMusic(fichier_mp3)
{
var ecriture_html = "<object type='application/x-shockwave-flash' data='https://ekladata.com/UJQoZol3xrphpKi14XAfL-rIEOM/lecteur.swf?mp3=" + fichier_mp3 + "&autoplay=1' height='1' width='1'><param name='allowScriptAccess' value='always' /><param name='movie' value='https://ekladata.com/UJQoZol3xrphpKi14XAfL-rIEOM/lecteur.swf?mp3=" + fichier_mp3 + "&autoplay=1' /><param name='wmode' value='transparent' /></object>";
document.getElementById("jingle").innerHTML = ecriture_html;
}
function StopMusic()
{
document.getElementById("jingle").innerHTML = '';
}
// ]]></script>
Code CSS:
/*-----Sonoriser2-----*/
#jingle{ z-index:100; position:fixed; top:0; left:0}