javascript - 使用 jQuery Ajax 请求交换图像 src

Question

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

Answer 1

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

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

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

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