我正在努力做以下事情:
链接点击:
1.淡出一个img
2.)更改现在隐藏的图像的src
3.)当img与新的src完成加载时,淡入淡出
最起码,我想看到一个图像的平滑淡出和另一个图像的淡入淡出(通过更改src在同一个img标签中)
最后我想:
1.淡出一个img
2.)显示一个动画GIF“加载图像”
3.)更改现在隐藏图像的src
4.)隐藏动画gif“加载图像”
5.)当img与新的src完成加载时,淡入淡出
谢谢.
这是我到目前为止所尝试的.似乎做了几次闪光,但只有在src改变之后(在淡出之前).奇怪的行为.
$("#Image").fadeOut(); $("#Image").attr("src",NEW_IMAGE_SRC); $("#Image").fadeIn();
#Image是一个img标签
解决方法
尝试这个:
$('.click').click(function() { $('img.class').fadeOut(300,function(){ $(this).attr('src','new_src.png').bind('onreadystatechange load',function(){ if (this.complete) $(this).fadeIn(300); }); }); });