使用新框架更新图像 - 显示部分图像的Internet Explorer

时间:2011-09-23 01:06:46

标签: jquery internet-explorer

在此URL处,您可以看到使用jQuery加载的图像:http://projects.kleelof.com/dtcapture/

加载图像后,脚本会再次加载图像。现在它是一个静态图像。但是当完整的应用程序运行时,它会显示不同的图像。

无论如何......问题......

在Firefox和Chrome中,上一张图片会一直显示,直到加载新图片为止。但是,在IE中,它会删除最后一个图像,并在下载时使用新图像填充空间。所以你得到的这个黑盒子慢慢地充满了图像。

有关如何在下载新图像后让IE替换当前图像的任何想法?

2 个答案:

答案 0 :(得分:1)

您想要实现的流程是:

  1. 加载新图片。
  2. 加载新图像时
    • 删除旧图片
    • 请求新图像(循环)
  3. 以下是执行此操作的示例:http://jsfiddle.net/933hg/

答案 1 :(得分:0)

您可以尝试onLoad事件。在隐藏的div中创建图像,然后将onLoad事件附加到它。一旦事件触发,将图像移动到位。

但请务必阅读img onload doesn't work well in IE7