Я пытаюсь отобразить несколько случайных неповторяющихся изображений из папки, но получаю пустые изображения

Question

Привет, я абсолютно новичок в php, и я собрал этот сценарий, модифицируя другие сценарии ... Я пытаюсь отобразить несколько случайных неповторяющихся изображений из папки, и это в основном работает, за исключением иногда вместо изображения, которое я получить "пустую" кто-нибудь может объяснить мне, почему?

<?php

$imagesDir = 'images/';
$images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
$imageList = range(0,count($images));
shuffle($imageList);
$image_idx = 0;

        echo'
<div class="main">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
</div>';

echo'
<div class="main">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
</div>';

echo'
<div class="main">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
</div>';

echo'
<div class="main">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
</div>';

echo'
<div class="main">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
</div>';

echo'
<div class="main">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
</div>';

echo'
<div class="main">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
<img src="' . $images[$imageList[$image_idx++]]. '" style="height:auto;width:33.33%;float: left">
</div>';
?>