0

我在一个数组中有一个项目数组（图像 url），我需要它在单击按钮时一次显示 5 个。我目前让它显示前 5 个：

编辑：页面加载时只需要在 DOM 中加载 5 个，然后点击下一个 5 个等

$smallSlides = '';
if (isset($backgrounds) && !empty($backgrounds)){
    foreach ($backgrounds as $bg) {
        $smallSlides .= $bg->getVersion()->getRelativePath() .', ';
        }
    }
$smallSlides = explode(',', $smallSlides);

<div class="small-slider">
    <ul id="gallery" class="gallery">
        <?php 
        $numSlidesCount = count($smallSlides);
        $items = 5;
        for ($i = 0; $i < $items; $i++) { ?>

            <?php ?>

            <li><a href="<?php echo $smallSlides[$i]; ?>" rel="external"><img src="<?php echo $smallSlides[$i]; ?>"></a></li>

        <?php } ?>
    </ul>
    <button>Click for more</button>
</div>

因此，在页面加载时，它会显示前 5 张图像，然后当用户单击“显示更多”按钮时，它会在下面显示接下来的 5 张图像，直到没有更多图像要显示。

4

0 回答 0