php - 如果需要，如何显示图像并加载更多？

Question

我正在尝试为 PHP 编写一个脚本，该脚本加载 5 行图像，其中所有行上的 3 个图像都已加载并显示，但是在最后一个上仅加载了 2 个图像，并且出现了一个带有“加载更多”的图像。当您推送它时，它会使用 jQuery 加载其余图像。

我正在使用 MYSQLi 来获取数据，但是我不知道我是否按照我描述的方式进行了描述。在这种情况下，我非常感谢任何帮助！

Answer 1

你的问题更多的是理论，所以我会给你理论步骤。

1. 编写一个接受一个整数参数的PHP 函数（根据您的要求，您可能有多个参数）
2. 此函数应返回 9 条记录
3. 在 9 的列表中附加一个加载更多图标并在页面上加载此记录
4. 为Load-More Image点击事件写一个jQuery函数
5. 当用户单击该图标时，使用jQuery.Ajax()函数调用 PHP 函数
6. 这里现在将一个整数传递给星号
7. 由于您提供了起始索引，您现在将从该函数中获得接下来的 9 条记录。
8. 在$.Ajax() 成功函数上，将此新列表附加到保存图像的 div 中。

希望这个理论能给你一个开始。

Answer 2

您可以使用初始数据库查询加载前三个；但是，如果您可以使用 JS 和 JQuery，那么您始终可以使用 AJAX 调用来获取事件中的其他 2 个图像。

基本上你得到前 3 张图像并显示它们，然后你有一个下面的按钮，上面写着“加载更多”。单击该按钮时，调用一个 Javascript 函数，该函数使用一些 AJAX 来调用将加载其他图像的 PHP 脚本。

（可能更容易）另一种方法是一次获取所有图像，显示“加载更多”按钮并隐藏其他 2 个图像。单击该按钮会显示另外两个图像。就像是

<div id="fristThree">
<img ... />
<img ... />
<img ... />
</div>
<div id="otherTwo">
<img ... />
<img ... />
<button> load more </button>

在 Jquery 中，只需隐藏 'otherTwo' div，然后单击按钮，通过 jquery 显示它。

但我仍然认为 AJAX 是首选方法。