php - 如何使用 PHP 和 Javascript 滚动浏览一组图片

Question

我有一个 SQL 查询，它提取一个包含图像文件路径的数组。

它存储在变量$rows中，我可以通过索引访问各个路径...

IE。

$rows[0]...$rows[n]

我如何利用java脚本来逐步完成这个。

最终目标是在图片下方显示“下一个”“上一个”按钮。 点击下一个将显示下一个图像(无需刷新)

echo $rows[0]; 

会打印

images/a.png

Answer 1

也许使用 PHP 的 json 函数，您可以将 PHP 数组转换为 js 数组...然后使用 javascript 函数来控制显示哪张图片

<script type="text/javascript">
    var images = <?php echo json_encode($rows) ?>, counter = 0;

    function prevImage() {
        counter = (counter<=0)?images.length-1:counter-1;
        var i = document.getElementById('myImage');
        i.src = images[counter];
    }
    function nextImage() {
        counter = (counter==images.length-1)?0:counter+1;
        var i = document.getElementById('myImage');
        i.src = images[counter];
    }
</script>

和

<img src="img/0.jpg" id="myImage" />
<a href="#" onClick="prevImage(); return false;">Previous</a> - <a href="#" onClick="nextImage(); return false;">Next</a>​