il faut pour cela copier le code ci dessous sur votre site web.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('audio').each(function(){
this.volume = 0.4;
});
$(".telecharger img").mouseover(function(){
var n = Math.ceil(Math.random() * 5);
$("#audio"+n).trigger('play');
});
$("#awesometer h1 > sup").click(function(){
$("#audioAwesometer").trigger('play');
});
});
</script>
<a href="http://babgond.com" class="telecharger"><img src="image-telechargement1-300x300.jpg" alt="une image"/></a>
<audio id="audio1">
<source src="/audio/1.mp3"></source>
<source src="/audio/1.ogg"></source>
</audio>
<audio id="audio2">
<source src="/audio/2.mp3"></source>
<source src="/audio/2.ogg"></source>
</audio>
<audio id="audio3">
<source src="/audio/3.mp3"></source>
<source src="/audio/3.ogg"></source>
</audio>
<audio id="audio4">
<source src="/audio/4.mp3"></source>
<source src="/audio/4.ogg"></source>
</audio>
<audio id="audio5">
<source src="/audio/5.mp3"></source>
<source src="/audio/5.ogg"></source>
</audio>
<audio id="audioAwesometer">
<source src="/audio/awesometer.mp3"></source>
<source src="/audio/awesometer.ogg"></source>
</audio>
Il faut bien entendu modifier au minimum tout ce qui est en gras….
Exemple : (il suffit de passer la souris sur l’image)
$(document).ready(function(){ $(‘audio’).each(function(){ this.volume = 0.4; }); $(« .telecharger img »).mouseover(function(){ var n = Math.ceil(Math.random() * 5); $(« #audio »+n).trigger(‘play’); }); $(« #awesometer h1 > sup »).click(function(){ $(« #audioAwesometer »).trigger(‘play’); }); }); 