我正在预加载一些图片,然后在灯箱中使用它们。我的问题是,尽管图像正在加载,但浏览器却没有显示它们。
这个问题只出现在Chrome浏览器上。它已经持续了Chrome 8-10版本,我一直在试图解决这个问题,但一直没有进展。
我已经阅读了类似的问题,
Chrome not displaying images though assets are being delivered to browser
2 Minor Crossbrowser CSS Issues. Background images not displaying in Google Chrome?
JavaScript preloaded images are getting reloaded 这些问题都描述了类似的行为,但发生在Mac版Chrome浏览器中,而我遇到的是Windows版Chrome浏览器。
更新: 这是预加载图像的JavaScript函数。
这个问题只出现在Chrome浏览器上。它已经持续了Chrome 8-10版本,我一直在试图解决这个问题,但一直没有进展。
我已经阅读了类似的问题,
Chrome not displaying images though assets are being delivered to browser
2 Minor Crossbrowser CSS Issues. Background images not displaying in Google Chrome?
JavaScript preloaded images are getting reloaded 这些问题都描述了类似的行为,但发生在Mac版Chrome浏览器中,而我遇到的是Windows版Chrome浏览器。
- 所有其他浏览器都正常。
- 如果您同时打开Firefox和Chrome浏览器,在Firefox中加载页面,然后在Chrome中,图像将出现。
- 一旦您手动加载了这些图像,它们就会始终显示出来。
- 所有链接和图像等都很好且有效。
- 清除Chrome浏览器中的所有内容(缓存,历史记录等)似乎没有任何区别。
更新: 这是预加载图像的JavaScript函数。
var preloaded = new Array();
function preload_images() {
for (var i = 0; i < arguments.length; i++){
document.write('<');
document.write('img src=\"'+arguments[i]+'\" style=\"display:none;\">');
};
};
更新
我仍然在处理这个问题,已经删除了整个预加载图片的功能。也许通过document.write()
来提供样式表并不是最好的方法?