data-sound="" attribute.
<!-- jQuery is required if you're not already using it -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function(){
$('.hoverSound').hover(function(){
if ($(this).data('audioElement')) {
$(this).data('audioElement').play();
} else {
var sound = $(this).attr('data-sound');
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', sound);
audioElement.setAttribute('autoplay', 'autoplay');
$(this).data('audioElement', audioElement);
}
}, function(){
$(this).data('audioElement').pause();
$(this).data('audioElement').currentTime = 0;
});
});
</script>
<!-- Examples. You don't need to copy this part. -->
<img class="hoverSound" src="http://www.top-site-list.com/scripts/assets/grayscale-images/dog.jpg" data-sound="http://www.top-site-list.com/scripts/assets/sound-on-hover/bark.mp3" />
<img class="hoverSound" src="http://www.top-site-list.com/scripts/assets/grayscale-images/horse.jpg" data-sound="http://www.top-site-list.com/scripts/assets/sound-on-hover/neigh.mp3" />
Do you want to expose your site to millions?
Do you want to be ranked higher in Google?
Do you want to be known as the best site in your niche?
Then look no further. Add your site in 3 simple steps. Sign up, Add your site and Start receiving votes! It only takes 10 seconds!
