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

Question

我正在尝试为PHP创建一个脚本来加载5行图像，其中所有行上的3个图像都被加载并显示，但是在最后一个图像上只加载了2个图像，并出现了“加载更多”的图像。当你推它时，它使用jQuery加载其余的图像。

我正在使用MYSQLi来获取数据，但是我不知道我是怎么说的。 在这种情况下，我非常感谢任何帮助！

Answer 1

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

1. 编写一个 PHP函数，它将采用一个整数参数（根据您的要求，您可能有多个参数）
2. 此功能应返回9条记录
3. 将加载更多图标添加到列表 9并在页面上加载此记录
4. 为Load-More Image click event
编写一个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是首选方法。