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

Question

我正在寻找这样的东西，如果我将缩略图悬停，主图像就会发生变化。但是有一个问题，因为我还需要花式框之类的东西-单击主图像或缩略图时会显示大图像。此外，一行中还应该有缩略图的照片库，如果有四个以上的缩略图，那么移动图库会有右/左箭头。有没有包含我所有要求的解决方案？

Answer 1

尝试这个 ：

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)");
});

在这里工作小提琴：http: //jsfiddle.net/RyDqX/

我希望它有帮助。

Answer 2

这是一组解决方案检查并找到正确的 http://www.hongkiat.com/blog/jquery-image-galleries-sliders-best-of/