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