如何从指定文件夹中获取多个单独的旋转随机图像

Question

我目前正在使用这个随机图像生成来填充页面上的各个 Div。我怎样才能使每个div都有自己的随机旋转图像。这是我到目前为止的代码。

$imagesDir = 'images/test/';
$images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
$randomImage = $images[array_rand($images)];
    echo'
    <div id="baloon1">
        <img src="' . $randomImage  . '">
    </div>';
    $randomImage = $images[array_rand($images)];
    echo'
    <div id="baloon2">
        <img src="' . $randomImage  . '">
    </div>';
    $randomImage = $images[array_rand($images)];
    echo'
    <div id="baloon3">
        <img src="' . $randomImage  . '">
    </div>';
    $randomImage = $images[array_rand($images)];
    echo'
    <div id="baloon4">
        <img src="rotate.php">
    </div>';

Answer 1

尝试这种方式（灵感来自这篇文章）：

    $imagesDir = 'images/test/';
    $images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
    $imageList = range(0,count($images));
    shuffle($imageList);
    $image_idx = 0;
    echo'
    <div id="baloon1">
        <img src="' . $images[$imageList[$image_idx++]]. '">
    </div>';
    echo'
    <div id="baloon2">
        <img src="' . $images[$imageList[$image_idx++]]. '">
    </div>';
    echo'
    <div id="baloon3">
        <img src="' . $images[$imageList[$image_idx++]]. '">
    </div>';
    echo'
    <div id="baloon4">
        <img src="' . $images[$imageList[$image_idx++]]. '">
    </div>';