使用 jQuery Ajax 请求交换图像 src
我有一个 src 。 我想让 jQuery 发出 ajax 请求来获取另一个图像，当这个新图像完全加载时，设置
I have an <img src="..." /> tag with a default src set. I'd like to have jQuery make an ajax request to get another image and when this new image is fully loaded, set the src of the <img ... /> tag so there's no flicker. I'd prefer not to do any of the preloaders like new Image().src="foo" etc. I'd really like the iamges to load on an ajax request. Any ideas?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您无法将图像的“一部分”加载到网页上，因此无法增量加载它。
可以通过使用指向图像的 CSS 类或使用 Javascript 的 Image 对象来加载图像。
由于 CSS 无法通知页面图像是否完全加载，因此 new Images().src = "foo" 的方法是它能做的最好的方法。
向其附加一个事件并“装饰”它以通过 FX 效果减少闪烁：淡入，...
You cannot load "a part" of a image onto the webpage so you cannot load it incrementally.
The image can be loaded by using a CSS class point to an image or using Image object of Javascript.
Since CSS cannot notify the page whether the image fully load so the approach new Images().src = "foo" is the best it can do.
Attach an event to it and "decorate" it to reduce flicker with FX effect: fade in, ....