jquery - wordpress插件上的jQuery悬停放大

Question

我有一个名为 Videogall 的 Wordpress 插件，它为点击时在 Shadowbox 中打开的 Youtube 视频创建一个缩略图库。当您将鼠标悬停在图库中的缩略图上时，以下代码会导致所有未悬停的缩略图变得更加透明。

    jQuery('.videogall-thumb').hover(function() {
    var currThumb = jQuery(this).attr('id');
    jQuery('.videogall-thumb[id!="' + currThumb +'"]').stop().animate({opacity: 0.3}, 800);
}, function() {
    jQuery('.videogall-thumb').stop().animate({opacity: 1.0}, 800);
}
);

我可以添加什么以使悬停的图像也放大，例如悬停脉冲（http://jquery.malsup.com/hoverpulse/）

Answer 1

大概是这样的？

    jQuery('.videogall-thumb').hover(function() {
    var currThumb = jQuery(this).attr('id');
    jQuery('.videogall-thumb[id!="' + currThumb +'"]').stop().animate({opacity: 0.3}, 800);

    //added lines
    jQuery(this).css('width', jQuery(this).css('width') * 1.5);
    jQuery(this).css('height', jQuery(this).css('height') * 1.5);

}, function() {
    jQuery('.videogall-thumb').stop().animate({opacity: 1.0}, 800);
}
);

这假设缩略图具有在 CSS 中指定的宽度和高度（由您或制作它们的插件）。

Answer 2

这行代码匹配没有被悬停的缩略图的 id：

jQuery('.videogall-thumb[id!="' + currThumb +'"]').stop().animate({opacity: 0.3}, 800);

应该改为

jQuery('.videogall-thumb[id="' + currThumb +'"]').stop().animate({opacity: 0.3}, 800);

id=currThumb instead of id!=currThumb

希望有帮助。