我正在尝试执行以下操作:
点击链接:
1.) 淡出一个img
2.) 更改现在隐藏图像的 src
3.) 当带有新 src 的 img 完成加载时,淡入
至少,我希望看到一个图像的平滑淡出和另一个图像的淡入(通过更改 src 在同一个 img 标签内)
最终我想:
1.) 淡出一个img
2.) 显示动画 gif “加载图像”
3.) 更改现在隐藏图像的 src
4.)隐藏动画gif“加载图像”
5.) 当带有新 src 的 img 完成加载时,淡入
谢谢。
这是我到目前为止所尝试的。它似乎做了几次闪烁,但仅在 src 更改之后(在淡出之前)。奇怪的行为。
$("#Image").fadeOut();
$("#Image").attr("src", NEW_IMAGE_SRC);
$("#Image").fadeIn();
#Image
是一个 IMG 标签