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="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.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="https://lh3.googleusercontent.com/proxy/APrOCtwnr33_lLbe9ww9uSITXT-nFZhOyt06nDc59jmKI9NFzn4GneP0Uwrs6lANmAeeKv7DzkT1x9tqD5YJpzR0Tv9CRTc1Mj71_aLNpCpqF6kiOKQ6P9yXmnmM5BxrTOQV-UitHMIpQyAW=w400-h277-p-k-rw"> <img id="img2" src="https://xn--schnheitsreich-xpb.de/wp-content/uploads/2018/03/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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!