实现具有数百个图像的滑块

Question

我想创建一个将从json源获取数据的库。我用无限滚动列出图像。现在，当用户点击其中一个图像时，我需要在另一个页面上显示该图像，而不是单击下一个/上一个以查看第一页上显示的图像。

问题是当用户点击它时，如何在另一页上找出下一张/上一张图像。用户可能会看到他在第1页上看到所有图像的位置，因此需要转到下一组图像。

我将不胜感激。

Answer 1

您可以使用$ _SESSION变量跟踪图像数组中的位置。

Answer 2

您可以为图像提供ID（可能是JSON对象中的索引），然后将其作为GET请求传递给URL。

例如，第一张图片可以称为：http://www.example.com/showImage.php?id=1

您可以通过引用JSON对象在showImage页面上从该索引获取图像数据（这将代表JSON对象中的一个实例）。

$image_object = json_decode($your_json_object)[$_GET['id']];

只需迭代索引即可获得下一个和上一个：

$next = ($_GET['id'] == sizeof(json_decode($your_json_object)))? ++$_GET['id'] : 1;
$previous = ($_GET['id'] == 1)? sizeof(json_decode($your_json_object)) : --$_GET['id'];

然后使用html创建链接

<a href="http://www.example.com/showImage.php?id=<?= $next ?>">Next</a>
<a href="http://www.example.com/showImage.php?id=<?= $previous ?>">Previous</a>

我没有对此进行测试，并继续从原始帖子中理解。