如果大小动态更改，则jquery淡入淡出不包含图像

Question

我正试图在图片库部分淡化效果。没关系，但如果图像高度较高，则不包含所有图像。 Here is the page link

而且，这是我用于查找图像大小的jquery代码：

 // ON MOUSE OVER
$(".roll").hover(function () {

// SET OPACITY TO 70%
var  height=$('.img-galeri').height();
var  width =$('.img-galeri').width();
$(this).height(height);
$(this).width(width);
$(this).stop().animate({
opacity: .7
}, "slow");
},

感谢您的帮助。

Answer 1

当您获得高度和宽度时，您需要指定您正在覆盖的图像。

尝试将代码更改为：

// ON MOUSE OVER
$(".roll").hover(function () {

// SET OPACITY TO 70%
var  height=$(this).parent().children(".img-galeri").height();
var  width =$(this).parent().children(".img-galeri").width();
$(this).height(height);
$(this).width(width);
$(this).stop().animate({
opacity: .7
}, "slow");
},