在悬停缩略图上使用jquery更改主图像

我在寻找一些东西，比如如果我将缩略图悬停在哪里，主图像会发生变化。但有一个问题，因为我还需要像fancybox一样的东西-点击主图像或缩略图将显示大图像。此外，应在一行中显示缩略图，如果有四个以上的缩略图，则会显示用于移动图库的向右/向左箭头。有没有包含我所有需求的解决方案？

这是一组解决方案，请检查并找到合适的解决方案 试试这个：

var mainImage = $("#mainImage");
$(".img-container img").hover(function(){
  var src = $(this).attr("src");
  $("#mainImage").attr("src",src);
});

mainImage.on("click",function(){
   $(this).css("transform","scale(2)");
});

在这里演奏小提琴：

---

我希望它能有所帮助。

谢谢，但我不想要任何滑块或类似的东西，因为我需要在悬停时而不是单击时更改图像。它不仅是滑块，它的图库也像这个一样，您只需更改它的宽度即可