单击按钮可显示数组的5个项目

Question

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

编辑：页面加载时只需要在DOM中加载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个图像，直到没有更多图像可供显示。