Question

我想在一个显示83个图像的网站上实现一个灯箱，我不打算将它们全部粘贴到HTML中，所以我希望它们与PHP循环。

他们已经在另一个页面上工作了，所以我复制了那段代码，但我无法让它工作。

我在工作代码中得到了什么：

<a href="images/project1.jpg" rel="lightbox[slides]"><img src="images/project1.jpg" border=0></a><!--class="spacing"-->
<div style="visibility: hidden;">
    <?
        $dirname = 'afbeeldingen/slides/exhaustion_pipe/';
        $images = scandir($dirname);
        $ignore = Array(".", "..");

        foreach($images as $curimg){
            if(!in_array($curimg, $ignore)) {
                echo '<a href="'.$dirname.$curimg.'" rel="lightbox[slides]"><img src="'.$dirname.$curimg.'" width="1" height="1" border="0"></a>';
            }
        }
    ?>
</div>

现在我尝试将其复制并编辑为：

<a href="afbeeldingen/slides/dias/Dia1.JPG" rel="lightbox[slides]">Bla</a><!--class="spacing"-->
    <div style="visibility: hidden;">
        <?
            $dirname = 'afbeeldingen/slides/dias/';
            $images = scandir($dirname);
            $ignore = Array(".", "..");

            foreach($images as $curimg){
                if(!in_array($curimg, $ignore)) {
                    echo '<a href="'.$dirname.$curimg.'" rel="lightbox[slides]"><img src="'.$dirname.$curimg.'" width="1" height="1" border="0"></a>';
                }
            }
        ?>
    </div>

我摆脱了图像并将其更改为文本，因为我还没有正确的图像。

单击文本时，它会在新窗口中显示Dia1.JPG，但我希望第一张图像在灯箱中打开，您可以从中导航到其他图像。

如果有帮助，这就是lightbox.js：http://rvs.werkvreugde.nl/slider_scripts/lightbox.js

我希望我提供足够的资源来了解我的意思。

有人知道如何通过灯箱循环83张图片吗？图像称为Dia1 - Dia83

谢谢！

在灯箱中为图像创建循环

0 个答案: