Bild gegen Bild tauschen ( Jquery Lösung )
Wie kann man ein Bild tauschen , wenn man mit der Maus über das Bild geht ?
Der hier verwendete Code
<script src="/js_webseite/jquery.js"></script>
<style>
img{
height:200px;
width:400px;
transition:.3s;
background:red;
padding:3px;
border:solid 7px;
}
.aus{
display:none;
}
.an{
display:block;
}
</style>
<img id="img1" class="aus" src="/image/unnamed.webp"> <img id="img2" src="/image/Schminkkurs-in-Mainz-Moll-1.jpg">
<script>
$('img').hover(function(){
s=$('#img1').hasClass('an');
if(s==true){
$('#img1').removeClass('an');
$('#img1').addClass('aus');
$('#img2').addClass('an');
} else{
$('#img2').removeClass('an');
$('#img2').addClass('aus');
$('#img1').addClass('an');
}
})
</script>