Question

目标：我正在制作一个带有jquery的停止动画，我需要加载47个图像并将它们作为主体背景一个接一个地延迟450ms。

我遇到问题的部分是我无法正确缓存/预加载图像，以便切换时不会闪烁......

我在$（window）.load（function（）{....中启动动画，所以当时应该加载所有内容

我已尝试过stackoverflow的多种方法，这里有一些方法：

注意：一切都像在GOOGLE Chrome中一样充满魅力。 FIREFOX是问题！网站目前在wamp中托管。

文档加载中的Jquery :(我尝试使用<script></script>中插入的普通javascript但没有成功

for (var x = 1; x < 47; x++) 
{   preloaded[x]     = new Image();
    preloaded[x].src = 'anim_frame' + x + '.png';
}
} // later I modifed the code to preload sets of 5 images every 5 frames, so when frame 1 is shown frames 5-10 are loaded and so on...works great in chrome

将所有图片直接放在html中作为<img>标签......无效。
jQuery到图像位置 - 不工作

我知道可以做到，这个网站成功了，为什么我们不能？ ;）http://discover.store.sony.com/be-moved/

Answer 1

以下解决方案仅适用于所有浏览器。

在doc.ready中的所有图像上调用jQuery.get并保持计数器已加载了多少图像。一旦它们被加载显示网站...同时显示一个漂亮的装载机加载了一定百分比的图像;）

图像预加载和缓存无法在FIREFOX中使用javascript或html

1 个答案: