我正在为一个带有jquery动画的网站构建一个启动页面。 我的问题是：有时（在页面和图像被浏览器缓存之前）图像加载的顺序会降低动画的质量。
好的，继承人我做了什么：
容器div有以下css：background:url(images/colorcity.png)
如果启用了js，我会将一个灰度<img>叠加到colorcity上，其不透明度动画为0，以获得漂亮的“淡入淡出”效果。
为此，我使用：$("#container").prepend('<img src="images/greycity.png" class="grey" />')
我一直试图做的是，以某种方式将前置图像作为首页显示在页面上，因为它将“隐藏”动画中使用的其他图像。不幸的是，我的所有尝试都失败了。
我认为这是一个常见的问题，可能是一个重复的问题，但是在看了一两个小时后我找不到答案。所以，对不起，如果我是一个菜鸟大声笑。
提前感谢您的帮助。
答案 0 :(得分：1)
尝试在页面顶部或附近包含此内容：
<img src="images/greycity.png" style="display: none;" />
这应该会迫使图像尽早加载。如果仍然存在问题，请在load()回调而不是ready()中制作动画，以确保所有图片都会被加载。
非常酷的页面，顺便说一句（它似乎在firefox中运行得很好）。