在连续灯箱中显示来自多页画廊的图像

时间:2015-04-29 12:59:14

标签: php html image-gallery

我一直在寻找一个使用灯箱的解决方案,在这里可以看到所有图像,而这些图像分布在多页面上,如多页面图库(第1-2-3页-...)。 / p>

现在我只能看到当前页面上灯箱中的图像是什么 - 幕外 - 完全正常。 还有什么提示或技巧可以滚动我所有的图像?

    <div class="row" id="gallery">
        <?php
        $page = isset($_GET['page']) ? $_GET['page'] : 1;
        $start = ($page - 1) * $images_per_page;
        $end = $start + $images_per_page;
        if ($end > $total) {
            $end = $total;
        }
        for ($i = $start; $i < $end; $i++) { ?>
            <div class="col-lg-4 col-md-4 col-xs-6">
                <a class="fancybox" rel="group" href="<?php print '/upload/files/'.basename($images[$i]); ?>">
                    <img src="<?php print '/upload/.thumbs/files/'.basename($images[$i]); ?>" alt="Restaurant De Clochard"/>
                </a>
            </div>
        <?php
        }
        ?>
    </div>
    <div class="row">
        <div class="col-lg-6 text-left">
            <?php if ($page > 1) { ?>
                <a href="/galerij?page=<?php print $page - 1; ?>">
                    <span class="fa fa-arrow-left"></span>
                    vorige pagina
                </a>
            <?php } ?>
        </div>
        <div class="col-lg-6 text-right">
            <?php if ($total_pages > $page) { ?>
                <a href="/galerij?page=<?php print $page + 1; ?>">
                    volgende pagina
                    <span class="fa fa-arrow-right"></span>
                </a>
            <?php } ?>
        </div>
    </div>

0 个答案:

没有答案