无需重新加载页面即可加载上一个或下一个图像

编程问答 2022-05-18

问题描述

我正在构建一个主要使用 PHP 和 MySQL 的简单画廊系统。其中一项要求是使用键盘箭头键移动到下一个图像。

执行此操作时，下一个或上一个图像应加载到图像 div 中，而无需重新加载整个页面。

选择显示哪个图像是基于 PHP GET 使用如下 URL 结构，其中 273 是数据库中的照片 ID：

/photos/photo.php?id=273

这是容纳图像的代码：

<div class='single-image-container'>
    <img src='/photos/" . $row["event_id"] . "/" . $row["filename"] . "' />
</div>

当按下右箭头键时，是否有一种直接的方法可以通过增加 GET 中的值将下一个图像加载到 div 'single-image-container' 中？图片文件名格式为event_id-id.jpg，即1983-101.jpg、1983-102.jpg等。

目标也是使用更新后的 id 更新浏览器 URL。

我对这个有点不知所措，想知道是否有人有一些指点。谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

image-galleryjavascriptmysql