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

Question

<img>我的页面上只有一个元素.我src每隔7秒更改一次该图像的属性.

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

有些人有简单的脚本吗？

我不需要任何插件.这样做只需要一些线索或几行样本.

Answer 1

尽管KaiQing提到了,你可以使用jQuery的回调功能在你改变它时淡入/淡出图像.这可以这样做:http://www.jsfiddle.net/bradchristie/HsKpq/1/

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