如果大小动态变化,jquery fading span 不包含图像

标签 jquery css

我正在尝试在图片库部分中淡入淡出效果。没关系,但如果图像高度更高,则跨度不包含所有图像。 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");
},

感谢您的帮助。

最佳答案

当您获得通用的高度和宽度时,您只需指定要覆盖的图像。

尝试将您的代码更改为:

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

关于如果大小动态变化,jquery fading span 不包含图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19708451/

相关文章:

javascript - 重新渲染 jQuery 函数

css - Bootstrap 4 垂直居中 - 等高卡片

css - css中的laravel 5.2 URL背景

javascript - 如何将样式表和 jquery 添加到 joomla 3.x 模块

html - Div 正在通过 CSS 占用它不应该占用的空间

javascript - 如果隐藏所有子 Div,如何隐藏父 DIV(显示 :none)

javascript - 407 需要代理身份验证(Forefront TMG 需要授权才能完成请求。对 Web 代理过滤器的访问被拒绝。)

jquery - 为什么css动画在jquery滚动之前运行

javascript - 使用appendTo()、insertAfter()等时如何包含换行符?

css - 鼠标悬停时显示div