如何阻止页面同时加载1000's图像


How to stop a page loading 1000's of images at once

我们一直在为我们的网上商店建立摩托车零件的在线目录。

最初我们用一个程序将PDF文件转换成flash目录,但是flash不能在很多设备上运行,而这些设备现在变得非常普遍。

所以我们在HTML中构建了一个替代方案,我们将原始PDF的每一页导出为图像,并将它们构建为jquery书。

http://www.thehogfathermotorcycles.com/catalog/jcata/mag.php?a=cce& b = 2014和c = 1

有些目录(如上面的目录)超过1000页。我想你现在看到问题了....我们究竟如何停止同时加载所有1000张图片?

在一个完美的世界里,我们加载说20…当用户浏览目录时,新图像就会加载到这个目录的后面。

我真的被这个难住了,你会怎么做?我们尝试过延迟加载,但除非你是垂直滚动,否则它不起作用。

任何帮助都将非常感激。

简单的答案?不要在HTML页面中添加成千上万的图像。

更详细、更有帮助的答案:您可以创建一个PHP脚本,在其中对目录项进行分页,然后使用AJAX通过分页链接加载下一个"页面"。销毁前一个页面,用下一个请求的页面替换