javascript – 平滑的图像淡出,更改src,并使用jquery淡入

前端之家收集整理的这篇文章主要介绍了javascript – 平滑的图像淡出,更改src,并使用jquery淡入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在努力做以下事情:

链接点击:@H_502_3@

1.淡出一个img@H_502_3@

2.)更改现在隐藏的图像的src@H_502_3@

3.)当img与新的src完成加载时,淡入淡出@H_502_3@

最起码,我想看到一个图像的平滑淡出和另一个图像的淡入淡出(通过更改src在同一个img标签中)@H_502_3@

最后我想:@H_502_3@

1.淡出一个img@H_502_3@

2.)显示一个动画GIF“加载图像”@H_502_3@

3.)更改现在隐藏图像的src@H_502_3@

4.)隐藏动画gif“加载图像”@H_502_3@

5.)当img与新的src完成加载时,淡入淡出@H_502_3@

谢谢.@H_502_3@

这是我到目前为止所尝试的.似乎做了几次闪光,但只有在src改变之后(在淡出之前).奇怪的行为.@H_502_3@

$("#Image").fadeOut();
$("#Image").attr("src",NEW_IMAGE_SRC);
$("#Image").fadeIn();

#Image是一个img标签@H_502_3@

解决方法

尝试这个:
$('.click').click(function() {
   $('img.class').fadeOut(300,function(){
      $(this).attr('src','new_src.png').bind('onreadystatechange load',function(){
         if (this.complete) $(this).fadeIn(300);
      });
   });
});

猜你在找的jQuery相关文章