basti1012.bplaced.net

Wie kann man ein Bild tauschen , wenn man mit der Maus über das Bild geht ?

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>