отображать изображение при наведении курсора мыши при наведении на изображение

Question

Идея «проста», используйте jQuery, чтобы отобразить изображение в указателе мыши, когда вы наводите курсор на разные изображения ...

Код:

$(document).ready(function() {
  var $img = $("img").mouseover();
  $img.mouseover(function() {
    // console.log($img);
    var x = event.pageX;
    var y = event.pageY;
    // console.log("X: " + event.pageX + ", Y: " + event.pageY)
    // console.log(x);
    console.log(y);

  });
});

#largeImage {
  position: absolute;
  padding: .5em;
  background: #e3e3e3;
  border: 1px solid #BFBFBF;
}

a img {
  border: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a href="logo1.png"><img src="logo1-small.png" alt="logo1" /></a>
<a href="toolset.png"><img src="toolset-small.png" alt="toolset" /></a>
<a href="selector.png"><img src="selector-small.png" alt="selector" /></a>

Итак ... Боюсь, я еще не очень далеко продвинулся.