Wyświetlenie obrazka na obrazku po najechaniu na link

Question

Witam

Mam problem mam obrazek1 i chcę, żeby po najechaniu na link wyświetlił się obrazek2 a po zjechaniu myszką powrócił obrazek1.

Próbowałem robić w JS lecz obrazek2 wyświetlał się pod obrazkiem1

Proszę o pomoc

Comments

Pokaż kod.

https://forum.pasja-informatyki.pl/faq#jak-wstawic-kod-zrodlowy

---

 <div class="col-sm-6 col-md-3 col-xl-3   " >
                    <img  src="img/amfory/amfora4.jpeg" alt="Konewki" id="m1"  class=" img-thumbnail obraz cursor"></a>
  </div>
<div class="overlay mx-4 my-1 " style="background:#fff73d;" id="ms1">
     <a class="link" href="#"><p>RAL 1018</p></a>
</div>

<script>

    document.getElementById('ms1').onmousemove =
        function() {
        obj = document.getElementById('m1');  
            obj.style.background = " url('img/amfory/1.jpeg') no-repeat right top";}

    
    document.getElementById('ms1').onmouseout = function() {obj = document.getElementById('m1');
        obj.style.backgroundImage = "" }

</script>