Question

我得到了一些很好的帮助，使基本部分得到了解决，但现在我需要再次帮助:( 下面的javascript应该是这样的，当你将鼠标悬停在图库中的缩略图上时，缩略图会放大。我增加了高度和宽度，但我也改变了顶部和左侧偏移以进行补偿，使得它看起来像是相对于缩略图的中心放大，而不是向右下方伸展。

    jQuery('.videogall-thumb').hover(function() {
    var currThumb = jQuery(this).attr('id');
    jQuery('.videogall-thumb[id="' + currThumb +'"]').stop().animate({height: "100", width: "118", left: "-12", top: "-15"}, "fast");
}, function() {
    jQuery('.videogall-thumb').stop().animate({height: "83", width: "98", left: "0", top: "0"}, "fast");
}
);

至少那是我希望会发生的事情。但缩略图仍在延伸而不是从中心扩大。此外，正在放大的缩略图最终位于行上相邻缩略图的下方，而不是在它们的顶部，并且它会推动下面行上的相邻缩略图。看看我的意思：http://oneworldyouthproject.org/tubepress-test/

我错过了什么？

Answer 1

您需要将position: relative设置为img个元素，才能使left和top定位生效。

jQuery“悬停时放大”无法相对于图片中心放大

1 个答案: