jquery - 背景图像加载动画

标签 jquery jquery-ui jquery-animate

我使用一个小脚本来将图像显示为 div 内的背景。问题是我需要一些动画,但我尝试过的都不起作用,我的实际脚本是这样的:

var valimg="image_1.jpg";
jQuery("#sw_pic").css("background-image",""+valimg);
jQuery("#sw_pic").fadeIn(2000);

例如,问题是当我运行这个时,它不会生成淡入淡出效果,我也尝试了 jQuery 的 animate() 但结果相同。似乎只有不透明度有效,其他都无效。

我如何使用它或编写最终有效的代码并在加载图像作为背景时获得一些效果?

问候并感谢您的帮助

最佳答案

尝试使用.hide()

var valimg="image_1.jpg";
jQuery("#sw_pic").css("background-image",'url('+ valimg +')');
jQuery("#sw_pic").hide().fadeIn(2000);

或者您可以查看https://stackoverflow.com/a/4631006/3385827

关于jquery - 背景图像加载动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34471300/

相关文章:

javascript - Jquery定时器滑动功能

jquery - 可以通过 jQuery animate() 动画的 CSS 属性的完整列表

javascript - 在 Webkit 浏览器中使用 jQuery 动画后,缩放的透明 PNG 会失去抗锯齿功能

javascript - 使用 jQuery Ajax 进行批处理

javascript - 使包含选择器不区分大小写

jQuery:具有点击不透明度变化的图像推子

jquery - 悬停时的 CSS 元素过渡

javascript - 如何在单击并运行新功能时停止运行超时 jquery 功能?

javascript - 当两个日期选择器字段都有值时激活按钮

javascript - 使用 SHAKE 效果时消失的元素