我想创建一个虚拟杂志行turnjs.com,我搜索了图书馆的商业版本,并且当我只有几页时,所有工作都很好。但是,当我尝试运行该网站的图书有172个图像300 dpi 2550 x 3263和尺寸下用CSS IE约50停止加载图像。IE9在x图像加载后停止加载图像
虽然这是一个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,并且它载入了更多的图像,但仍然不是全部,然后我进一步降低到150DPI并加载了所有图像,DPI如此低的问题是文本在图像变得非常像素化,缩放使得一个非常不愉快的体验。
有没有人知道什么是IE的限制,当涉及到300k到500k大小的大图像。我目前看到的唯一解决方案是要求我的用户安装ChromeFrame
为什么你需要一次加载超过4-8张图片?如果是虚拟杂志,则一次可见的页面数最多为4,而8则允许在每个方向上预加载2页。 –
听起来像内存限制(因为更多可以加载在一个较小的DPI),而不是计数限制。进程和/或缓存使用多少内存?似乎资源可以更好地利用按需加载的方法(例如Bing/Google Image Search).. – user2246674
我正在使用的Turn.js库在转动页面时从dom中删除图像,但是在那里似乎是图书馆本身的一个数组,它保留了图像并且不会释放它们,我有一封电子邮件与我仍然在等待的回合的作者。但它看起来像一个DPI问题。哦,这个过程开始时大约21mb,当你翻开页面时,我们在停止加载图像之前最终大约32页。 – Ksliman