为什么图像预加载无效？

Question

我的CMS项目有一个时尚的Web 2.0登录屏幕,使用javascript在屏幕上消失.为什么即使我已经确保图像预先加载了120%(我在开发工具中使用了资源监视器),当我的登录屏幕出现时,它们仍然会显示一秒钟.它彻底摧毁了幻想!看一看:

http://www.dahwan.info/Melior (链接坏了)

单击登录时,屏幕应使用75%alpha 1px png图像淡入淡出.即使图像已预加载,也不会在动画完成后显示.但是,如果单击取消并再次登录,则动画流畅且完美.

谁能想到这个问题的解决方案？我也在使用CMS的其余GUI.这就像没有图像预加载那样的东西.

谢谢你的回答

编辑:啊,是的,我目前正在为谷歌Chrome 5.0.375.99开发此CMS,稍后会增加多浏览器兼容性.很抱歉让它离开

Answer 1

我已经想出了解决我的问题的方法。我现在已经在两台不同计算机上的三个浏览器中对此进行了测试，结果完美。简而言之，在 JavaScript 中的图像预加载函数中，我将每个图像添加到 DOM 中不可见的 Div 标记中。

$('#img_preload').append($('<img />').attr('src', img.src));

现在，图像在页面加载时添加到 Dom，根据我的理论，它们驻留在低端计算机的内存中，当我的 CMS 需要它们时，它们会立即出现。

感谢您的意见 ：）