javascript - 如何使用 JQuery 添加淡入淡出或图像过渡效果?

标签 javascript jquery fading

我只有一个<img>我页面上的元素。我更改了 src每 7 秒检查一次此图像的属性。

我每 7 秒看到一次新图像,但如果我可以在加载新图像时添加一些淡入淡出或过渡效果会更好。

有一些简单的脚本吗?

我不需要任何插件。只需要一些线索或几行示例即可。

最佳答案

尽管 KaiQing 提到过,您可以使用 jQuery 的回调功能在更改图像时淡入/淡出图像。这可以像这样完成:http://www.jsfiddle.net/bradchristie/HsKpq/1/

$('img').fadeOut('slow',function(){
    $(this).attr('src','/path/to/new_image.png').fadeIn('slow');
});

关于javascript - 如何使用 JQuery 添加淡入淡出或图像过渡效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4857338/

相关文章:

Javascript垂直滚动功能

javascript - 如何在数组 javascript 中使用 split() 和 setTimeout()

javascript - Cypress 测试的随机元素选择

javascript - 我可以在 Angular 模板中声明一个简单的函数吗?

php - 一个 ajax 调用会阻塞其他 ajax 调用

ios - ScrollView 中 UIButton 的动画

javascript - 输入字段内不超过两个字

javascript - 从本地存储中删除整个阵列

带有线性插值的 x86 程序集衰落 bmp

javascript - 使用 Javascript 拖放交叉淡入淡出