我正在努力为成员修改网站，其中包含可用于营销目的的图片库。以前，每个类别都分为多个子类别，从而形成了数百页，有些页面仅包含一个图像。我放弃了子类别，并在每个类别页面上包含了所有图像。单击缩略图时，全尺寸图片会在带有其他信息的灯箱中打开
对于大多数类别来说，这很好，但是某些类别很大，并且包含数百张图像。问题在于，在这些页面上，大多数时候并非所有缩略图都会加载。与其使用分页将这些大类分成多个页面，我不希望在向下滚动时动态加载更多内容。我不知道该怎么做。
jQuery load more data on scroll上的代码片段看起来可以工作，但是有替代方法
html += '<p class="dynamic">Dynamic Data : This is test data.<br />Next line.</p>';
[将file1.html的内容放在其位置，然后是file2.html，依此类推？
如果没有，是否有某种方法可以创建某种文件，当用户向下滚动时，该文件将具有可被引用和加载的缩略图位置？
YouTube video似乎是一个很好的起点，但是它需要AJAX调用或其他调用。我不确定这是什么意思，它在哪里打电话。
现在您可以使用标记loading =“ lazy”
在HTML上进行本地延迟加载实施例：
<img src="image.png" loading="lazy" width="200" height="200">