<style>
  .soundAus1 {display:none; position: absolute !important; width:20px !important; background: #dddddd; border-radius:1px; border: none !important; padding:3px; z-index:999999; box-sizing: unset; cursor:pointer;}
  .mbt .soundAus1 {width: 20px !important; }
</style>
 
<!-- Sound-Datei -->
<audio id="MySound1">
  <source src="https://files.homepagemodules.de/b135428/f199t8864p705962n2_vkMZmsKw.mp3" type="audio/mpeg">
</audio>  
 
<script>
document.addEventListener('DOMContentLoaded', function() {
 
  //Auslösung durch Bildadressen - ohne https (z.B.: "//files.homepagemodules.de/b855445/avatar-b00c7f54-1.jpg" oder "avatar-b00c7f54-1.jpg")
  var Bild1 = "//files.homepagemodules.de/b135428/f277t82465p561137n71_lLNUfECA.gif"; 
  var Bild2 = "//files.homepagemodules.de/b135428/f277t73545p535454n29_FYJlHhbG.jpg"; 
  var Bild3 = "//files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg";
  var Bild4 = "//files.homepagemodules.de/b135428/f277t73545p535454n8_rYpWVCMQ.jpg";
  var Bild5 = "//files.homepagemodules.de/b135428/f199t65501p470210n12_PiCepwAb.jpg"; 
  var Bild6 = ""; 
 
  // Auslösung durch "Classes und ID's" - mehrere Classes und ID's durch Komma trennen ( z,B.: ".avatar img, .messageAvatar img, #obere_leiste .usercontent" )!
  var ClassesID = "none";  // "none" eintragen, wenn keine Classes oder ID benötigt wird!
 
  $('[src*="'+Bild1+'"], [src*="'+Bild2+'"], [src*="'+Bild3+'"], [src*="'+Bild4+'"], [src*="'+Bild5+'"], [src*="'+Bild6+'"], '+ClassesID+' ').hover(function(){ 
    $(this).prev().show();
    $(this).css('cursor','pointer');
 
    // Sound-Start    
    $('#MySound1')[0].volume = 0.7;
    $('#MySound1')[0].play();   
  }, function(){ 
    $(this).prev().hide();
 
    // Sound pausiert        
    $('#MySound1')[0].pause();
 
    // Wenn Sound immer neu gestartet werden soll
    // $('#MySound1')[0].currentTime = 0; 
  }).before('<img class="soundAus1" src="https://files.homepagemodules.de/b104774/a_389_0d1ec095.png">');
 
  // Flackern Lautsprechersymbol beheben
 $('.soundAus1').hover(function(){
    $('#MySound1')[0].play();   
    $(this).show(); 
  }, function(){
    $(this).hide();  
    $('#MySound1')[0].pause();
  });
 
});
</script>
 

<style>
  .soundAus3 {display:none; position: absolute !important; width:20px; background: #eeeeee; border-radius:1px; border: none !important; cursor:pointer; padding:3px; z-index:999999; box-sizing: unset;}
  .mbt .soundAus3 {width: 20px; }
</style>
 
<audio id="MySound3" class="MySound3">
  <source src="https://files.homepagemodules.de/b135428/f199t8864p705962n2_vkMZmsKw.mp3" type="audio/mpeg">
</audio>  
 
<script>
document.addEventListener('DOMContentLoaded', function() {
 
  //Auslösung durch Bildadressen - ohne https eintragen (z.B.: "//files.homepagemodules.de/b855445/avatar-b00c7f54-1.jpg")
  var Bild1 = "//files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg"; 
  var Bild2 = "//files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg"; 
  var Bild3 = "//files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg";
  var Bild4 = "//files.homepagemodules.de/b135428/f277t73545p535454n8_rYpWVCMQ.jpg"; 
  var Bild5 = "//files.homepagemodules.de/b135428/f199t65501p470210n12_PiCepwAb.jpg";
  var Bild6 = "";
 
  // Auslösung durch "Classes und ID's" - mehrere Classes und ID's durch Komma trennen ( z,B.: ".avatar img, .messageAvatar img" )!
  var ClassesID = "none"; // "none" eintragen, wenn Classes oder ID's nicht gebraucht werden!
 
  // Hover-Funktion Sound und Lautsprechergrafik
  $('[src*="'+Bild1+'"],[src*="'+Bild2+'"],[src*="'+Bild3+'"],[src*="'+Bild4+'"],[src*="'+Bild5+'"],[src*="'+Bild6+'"],'+ClassesID+'').hover(function(){ 
    $(this).prev().show();
    
    // Sound-Start
    $('#MySound3')[0].volume = 0.5;
    $('#MySound3')[0].play();
  }, function(){ 
    $(this).prev().hide();
    
    // Sound pausiert
    $('#MySound3')[0].pause();
    
    // Wenn Sound immer neu gestart werden soll
    // $('#MySound3')[0].currentTime = 0;
  }).before('<img title="Sound mit einem Klick ausschalten" class="soundAus3" src="https://files.homepagemodules.de/b104774/a_389_0d1ec095.png">');
 
  // Flackern Lautsprechersymbol beheben
  $('.soundAus3').hover(function(){
    $(this).show(); 
  }, function(){
    $(this).hide();  
  });
  
  // Sound aus- und einschalten
  var linkstate = 0;
  $('.soundAus3').on('click',function(){
    if(linkstate === 0){ 
      linkstate = 1;
      
      // Lokalen Cookie setzen
      sessionStorage.clear();
      sessionStorage.setItem('soundHover','true');
 
      $('.MySound3').removeAttr('id');
      $('.soundAus3').attr('src','https://files.homepagemodules.de/b104774/a_390_9f889856.png').attr('title','Sound mit einen Klick einschalten');
      location.hash = '#Sound_aus';
    } else{
      linkstate = 0;
      
      // Lokalen Cookie löschen
      sessionStorage.clear();
      sessionStorage.setItem('soundHover','false');
 
      $('.MySound3').attr('id','MySound3' );
      $('.soundAus3').attr('src','https://files.homepagemodules.de/b104774/a_389_0d1ec095.png').attr('title','Sound mit einem Klick ausschalten');
      location.hash = '#Sound_an';
    }
    return false;
  });
  
  // Lokalen Cookie auslesen
  if (sessionStorage.getItem('soundHover') == 'true'){
    linkstate = 1;
    $('.MySound3').removeAttr('id');
    $('.soundAus3').attr('src','https://files.homepagemodules.de/b104774/a_390_9f889856.png').attr('title','Sound einschalten');  
    location.hash = '#Sound_aus';
  } else {
    location.hash = '#Sound_an';
  }
 
});
</script>
 

<style>
  .soundAus2 {position: absolute !important; width:20px; background: #eeeeee; border-radius:1px; border: none !important; cursor:pointer; padding:3px; z-index:999999; box-sizing: unset;}
  .mbt .soundAus2 {width: 20px; }
</style>
 
<audio id="MySound2" class="MySound2">
  <source src="https://files.homepagemodules.de/b135428/f199t8864p705962n2_vkMZmsKw.mp3" type="audio/mpeg">
</audio>  
 
<script>
document.addEventListener('DOMContentLoaded', function() {
 
  //Auslösung durch Bildadressen - ohne https eintragen (z.B.: "//files.homepagemodules.de/b855445/avatar-b00c7f54-1.jpg")
  var Bild1 = "//files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg"; 
  var Bild2 = "//files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg"; 
  var Bild3 = "//files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg";
  var Bild4 = "//files.homepagemodules.de/b135428/f277t73545p535454n8_rYpWVCMQ.jpg"; 
  var Bild5 = "//files.homepagemodules.de/b135428/f199t65501p470210n12_PiCepwAb.jpg";
  var Bild6 = "";
 
  // Auslösung durch "Classes und ID's" - mehrere Classes und ID's durch Komma trennen ( z,B.: ".avatar img, .messageAvatar img" )!
  var ClassesID = "none"; // "none" eintragen, wenn Classes oder ID's nicht gebraucht werden!
 
  // Hover-Funktion Sound und Lautsprechergrafik
  $('[src*="'+Bild1+'"],[src*="'+Bild2+'"],[src*="'+Bild3+'"],[src*="'+Bild4+'"],[src*="'+Bild5+'"],[src*="'+Bild6+'"],'+ClassesID+'').hover(function(){ 
    $(this).prev().show();
    
    // Sound-Start
    $('#MySound2')[0].volume = 0.5;
    $('#MySound2')[0].play();
  }, function(){ 
    $('.soundAus2').hide();
   
    // Sound pausiert
    $('#MySound2')[0].pause();
    
    // Wenn Sound immer neu gestart werden soll
    // $('#MySound2')[0].currentTime = 0;
  }).before('<img title="Sound mit einem Klick ausschalten" class="soundAus2" src="https://files.homepagemodules.de/b104774/a_390_9f889856.png">');
  
  // Flackern Lautsprechersymbol beheben
  $('.soundAus2').hover(function(){
    $(this).show();
  }, function(){
    $('.soundAus2').hide();
  });
  
  // Sound löschen
  function removeSound(){
    $('.MySound2, .soundAus2').remove();
    location.hash = '#Sound_aus';
  }
 
  // Sound ausschalten
  $('.soundAus2').on('click',function(){
    // Lokalen Cookie setzen
    localStorage.clear();
    localStorage.setItem('soundHover','true');
    removeSound();
    return false;
  });
  
  // Lokalen Cookie auslesen
  if (localStorage.getItem('soundHover') == 'true'){
    removeSound();
  } else {
    location.hash = '#Sound_an';
    $('.soundAus2').hide(); 
  }
 
});
</script>