如何让大量图片分批加载显示？

最近的一个wordpress建站项目中，客户要显示的图片非常多，超过了100张，如果全部显示在一个页面就不太好了，所以他们想给图片添加一个加载更多的选项，点击一次加载20个，直到显示完。

需求分析

想要实现这个功能的方式不止一个，比如以文章的形式添加图片，然后把目录的翻页效果修改为加载更多。但是客户只想添加图片，不需要写文章，所以这样的做法稍微麻烦了一些。

最后想来想去，最快捷的实现方法还是使用Elementor编辑器，这里会用到一个扩展插件的功能，插件名为Essential Addons，本实例中只需要用到该插件的免费功能，使用里面的Filterable Gallery模块。

制作步骤

安装好Essential Addons插件，用Elementor编辑页面，添加Filterable Gallery模块，然后在Load More Button选项中打开开关。另外还可以设置每点一次按钮加载多少张图片，这样最核心的需求就已经实现了。

接下来就只需要添加图片，可以在Gallery Items选项中添加图片，如果图片很多，这部分的工作量就挺大的。最后还可以做一些样式的设置，其它设置项大家就自行探索吧。

实现效果

如上图所示，悦然wordpress建站设置了默认显示10张图片，点击按钮后一次加载20张。

加载的效果如上图所示。