SPIEL TON
Klick auf „SPIEL TON“ oben
Bei eingeschaltetem Ton auf das Schild klicken, hier wird zusätzlich auch noch das Bild gewechselt, über css
So sieht der dazugehörige Code aus
Code zu Kopieren
diesen Code dann in ein Code-Modul auf der gleichen Seite einfügen. Natürlich die url-der Ton-Dateien anpassen.
<style>
.card {
/*width: 50%;
height: 50%;*/
position: relative;
display: inline-block;
}
.card .img-top {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.card:hover .img-top {
display: inline;
}
</style>
<script>
var schuss = new Audio();
schuss.src = „https://wordpress-und-divi-tricks.de/wp-content/uploads/2020/11/bullet-2.mp3“;
function ton1(){
schuss.play(); // Play button sound now
}
</script>
<div class=“card“ onclick=“ton1()“><a href=“#“><img src=“https://wordpress-und-divi-tricks.de/wp-content/uploads/2020/11/umleitung.png“ alt=“Card Back“>
<img src=“https://wordpress-und-divi-tricks.de/wp-content/uploads/2020/11/einschuss-3.png“ class=“img-top“ alt=“Card Front“></a></div>Das geht natürlich auch mit verschiedenen Tönen bei verschiedenen objekten
SPIEL TON
OH!
