如何阻止页面一次加载1000张图像

Question

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

最初我们使用的程序将PDF转换为闪存目录，但是如你所知，闪存无法在很多设备上运行，而且这些设备现在变得非常普遍。

因此，我们在HTML中构建了一个替代方案，我们将原始PDF的每个页面导出到图像中，并将它们构建到jquery书中。

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

其中一些目录（如上所述）超过1000页。我想你现在看到问题了......我们怎么一下子停止所有1000个图像加载呢？

在一个完美的世界中，我们加载说20 ...当用户翻阅目录时，新的图像会加载到20的背面。

我真的很难过，你会怎么做？我们尝试了延迟加载，但除非你是垂直滚动它不起作用。

任何帮助都会受到重视。

Answer 1

简单回答？不要将数千个图像添加到HTML页面。

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