php - ボタンをクリックして配列の 5 つの項目を表示する

Question

配列内に項目 (画像の 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 つが表示されます。