Wyświetlenie obrazka na obrazku po najechaniu na link

pytanie zadane 27 lutego 2020 w JavaScript przez gugol9 Nowicjusz (140 p.)
zamknięte 27 lutego 2020 przez gugol9

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

komentarz zamknięcia: sam rozwiązałem

komentarz 27 lutego 2020 przez ScriptyChris Mędrzec (190,170 p.)

Pokaż kod.

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

komentarz 27 lutego 2020 przez gugol9 Nowicjusz (140 p.)


 <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>