0

我有一个页面充满了从 MySQL 表中提取的图像。单击其中一个图像时，会出现一个模式弹出窗口。此模式窗口包含后退和前进按钮，如下所示：

在此处输入图像描述

我希望能够使用这些按钮遍历 MySQL 图像。

这是抓取图像并将其显示在页面上的 php 代码：

<div id="screenings">

<?php
    ...
    //connect to database & table
    ...
    while ($row = mysqli_fetch_array($result)){?>
        <div class='img_div' ng-click="vm.openModal('custom-modal-1')">
             <img class='modal_img img_screenings' src='images/<?php echo $row['image']."' >";
            echo "<p id='movie_p' align='center'>" .$row['title']."</p>";
            echo "<p id='screenings_p' align='center'>" .$row['year']."</p>";
            echo "<p id='location_p' align='center'>" .$row['duration']."</p>";
        echo "</div>";
     }
 ?>

 </div>

我是否需要获取$row['id']它并将其存储在一个隐藏变量中，并使用它来向后和向前迭代？或者是否有一个next-child previous-child我可以为此利用的功能？jQuery 将是一个首选的解决方案，因为这个页面的底部已经有一些 jQuery 脚本，但我愿意接受任何想法。

编辑或者我可以将图像文件路径存储在一个数组中，因为我从 MySQL 表中提取它们？我怎么能那样做？

4

0 回答 0