我正在尝试创建一个虚拟杂志行 turnjs.com,我购买了该库的商业版本,当我只有几页时一切正常。但是,当我尝试使用具有 172 张图像 300 dpi 2550 x 3263 并使用 CSS 缩小尺寸的书来运行网站时,IE 在大约 50 之后停止加载图像。
一开始我以为是turn.js的问题,所以我把所有的turnjs代码都去掉了,写了一个简单的js
$(window).load(function(){
for(var i=0;i<ContentArray.length;i++){
$("#content").append("<img src='" + ContentArray[i] + "' style='width:600px; height:600px'/>");
}
});
内容数组是从 ajax 调用加载的,它只包含图像的路径。当代码运行时,它将图像加载到大约 50 左右,然后它只显示红色 x。
现在我的问题是,这适用于 Fire Fox 和 Chrome,但不适用于 IE,是否有图像数量或 IE 加载图像大小的限制。我只针对IE9。
任何帮助将不胜感激。而且我知道图像相当大,我需要它们这么大以允许缩放。
- 检查存储页面的新版本:自动
- 要使用的磁盘空间:300 MB
- 保留历史页面的天数:20
我以为它可能是我的开发机器,但我检查了这些设置,并在两台不同的 PC 和一个新创建的 windows 7 pro 虚拟机上进行了测试。我所做的是降低图像上的 DPI,它加载了更多图像,但仍然不是全部,然后我进一步降低到 150 DPI 并加载所有图像,dpi 如此低的问题是文本图像变得非常像素化,缩放会带来非常不愉快的体验。
有谁知道 IE 对 300k 到 500k 大小的大图像的限制是什么。到目前为止我看到的唯一解决方案是要求我的用户安装 ChromeFrame