【发布时间】:2011-11-18 11:38:52
【问题描述】:
我有一个页面,其中预加载了多个图像,因此使用 Javascript 更改图像不会有任何加载时间或闪烁。为此,我有一个 Javascript 预加载器。它在 Opera、Safari、Chrome 和 Explorer 中运行良好,一旦加载页面,您就可以更改图像而无需任何闪烁或加载时间。然而,在 Firefox 中,它似乎可以正常工作,但每个图像之间都有闪烁。当它们都经过一次时,再次经过它们时,每个图像之间的闪烁就会消失。我将此解释为预加载器未将图像正确加载到 Firefox 的缓存中。我单独的预加载脚本如下所示:
<!--
function loadImages()
{
if(document.images)
{
for(i=0; i<imageArray.length; i++)
{
var toLoad = new Image();
toLoad.src = imageArray[i];
}
}
}
-->
这是从文档的 head 部分加载的,首先是对外部脚本的引用,然后是一个将 upp 图像添加到数组中的函数,最后通过函数 loadImages() 调用。
你可以在这里看到它:http://www.siroccomosaique.se/SLUTTEST/galleri_.cls
如果您使用 Firefox,当您第一次滚动浏览图片时,您会看到图片之间的闪烁非常短暂。
【问题讨论】:
标签: javascript image firefox preloader