如何將從數據庫中隨機選擇的圖像放置在頁面上的隨機位置？

Question

我正在嘗試在頁面上的隨機位置顯示文件夾中的隨機圖像。

到目前為止，我已經嘗試使用 php，因為我知道它更適合從較大的數據庫中隨機獲取圖像。 但是，我想使到目前為止我使用 javascript 實現的圖像可拖動。

<?php
    $all_images = glob("/images/*.{jpeg|jpg|png|gif}", GLOB_BRACE);

    shuffle($all_images);

    list ($img1, $img2, $img3, $img4) = $all_images; 

什么不見了？ 我需要添加 echo 或 img_src 嗎？

Answer 1

您必須使用echo或print來 output HTML <img>標簽。 在下面的示例中，我只是循環播放打亂的圖像並輸出每個圖像。

我還應該明確說明我正在使用foreach循環，因為我不知道該目錄中有多少圖像。 它可能是可變的。

<?php
$all_images = glob("/images/*.{jpeg|jpg|png|gif}", GLOB_BRACE);

shuffle($all_images);

foreach ($all_images as $image) {
    echo '<img src="'.$image.'">';
}

編輯

但是沒有圖像出現，只是'; }?>

您確定 PHP 已啟用並正常工作嗎？ 您能否通過將文件中的所有內容替換為以下內容來確認：

<?php
phpinfo();

你看到你配置的output了嗎？

如果沒有，那么您需要先讓您的 PHP 解釋器運行。 這超出了這個答案的 scope 。

如果你這樣做了，那么其他事情正在發生。 我會刪除你所有的 HTML 標簽，然后先嘗試 output 圖像路徑。 請注意，我使用的是逗號,而不是 pipe | 分隔文件擴展名。 玩這個，直到你看到你的文件列表。 例如：

<?php
// Play around with this until you see output.
$all_images = glob("/images/*.{jpg,png,gif}", GLOB_BRACE);

var_dump($all_images);

一旦你有了它，然后回到我原來的解決方案，實際上是 output 標簽。