使用 jQuery Ajax 请求交换图像 src

Posted 2023-05-07

【中文标题】使用 jQuery Ajax 请求交换图像 src

【英文标题】：Swap image src with jQuery Ajax request

【发布时间】：2010-11-11 05:17:48

【问题描述】：

我有一个<img src="..." /> 标签，并设置了默认的src。我想让 jQuery 发出 ajax 请求来获取另一个图像，当这个新图像完全加载时，设置<img ... /> 标签的 src，这样就没有闪烁了。我不想做任何像new Image().src="foo" 这样的预加载器。我真的很想在ajax 请求上加载iamges。有什么想法吗？

【问题讨论】：

您可以完全交换 <img> 元素，而不是更改 src attr。检查这个***.com/questions/4285042/…

【参考方案1】：

您无法将图像的“一部分”加载到网页上，因此无法增量加载。

可以通过使用指向图像的 CSS 类或使用 javascript 的 Image 对象来加载图像。

由于 CSS 无法通知页面图像是否完全加载，因此方法 new Images().src = "foo" 是它可以做的最好的方法。

将一个事件附加到它并“装饰”它以减少具有 FX 效果的闪烁：淡入，....