IE9加载x图像后停止加载图像

Question

我正在尝试创建一个虚拟杂志行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专业版虚拟机。我所做的是降低图像上的DPI，并且它加载了更多图像，但仍然不是全部，然后我进一步降低到150 DPI并加载所有图像，dpi的问题如此之低是文本在图像中变得非常像素化，并且缩放会产生非常不愉快的体验。

当涉及300k到500k大小的大图像时，有谁知道IE的限制。到目前为止，我看到的唯一解决方案是要求我的用户安装ChromeFrame

Answer 1

我刚刚将DPI降低到150，客户似乎还不错。