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

Question

我正在寻找类似this的地方，如果我将鼠标悬停在缩略图上，主图像正在改变。但有一个问题，因为我还需要像fancybox - 点击主图像或缩略图将显示大图像。另外，在一行中应该有缩略图的fotogallery，并且如果将会有比四个缩略图更多的缩略图，那么移动图库将会有右/左箭头。有没有包含我所有要求的解决方案？

Answer 1

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

Answer 2

试试这个：

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/

我希望它能帮助。