我有一张图片out.jpg，每秒都会或多或少地更新一次。我希望图像显示在HTML文件中，并且始终是最新的。我原来的解决方案是每半秒重新加载一次图像。这样工作正常，但是在装载时图像会闪烁白色一秒钟。
任何解决方案？
我尝试解决此问题的方法是将图片加载到单独的隐藏<img>标记中，然后将其加载到可见的<img>标记中，然后让它从缓存中打开，消除闪烁。这部分时间是有效的，但是out.jpg通常会从隐藏标签加载它和可见标签加载它的时间发生变化......导致更多闪烁。
答案 0 :(得分：2)
你是如何加载图像的？
可能需要一些预加载技术。您可以在jquery中创建一个图像并将load(）事件绑定到它。只有当那个事件触发时你才会在html中交换图像的img.src
答案 1 :(得分：1)
我就是这样做的： 在隐藏的div中加载。在该图像上放置一个事件，以便每次完全加载时，它被设置为另一个img标记的src或甚至作为背景。
然后我确保在图像完全加载后只计算0.5-1秒，这样互联网连接速度慢（或同时下载几个）的用户将不会重新加载一次又一次的新形象。