PHP 讀取目錄隨機顯示圖片：背景輪播實現

需求與方案比較

實現隨機背景圖片功能，JavaScript 方案雖可行但有缺點：

• 瀏覽器禁用 JS 即失效
• 需處理跨瀏覽器相容性
• 圖片路徑硬編碼在陣列，維護不便

PHP 伺服器端處理優勢：

• 不依賴客戶端腳本
• 維護簡單，僅需管理目錄內圖片檔案
• 支援自訂檔案類型（jpg/gif/png 甚至 Flash）
• 輸出格式靈活，可直接輸出 <img> 或 CSS 背景樣式

核心實現邏輯

1. 掃描指定目錄（需以 / 結尾）
2. 篩選副檔名為 jpg/gif/png 的檔案
3. 建立檔案清單陣列
4. 使用 mt_rand() 產生隨機索引
5. 輸出對應圖片標籤或 CSS

完整代碼

<?php
$img_folder = "images/tutorials/"; // 圖片目錄，必須以 / 結尾
mt_srand((double)microtime()*1000); // 播種隨機數產生器

$imgs = dir($img_folder);
$imglist = '';

while ($file = $imgs->read()) {
    if (eregi("gif", $file) || eregi("jpg", $file) || eregi("png", $file)) {
        $imglist .= "$file ";
    }
}
closedir($imgs->handle);

$imglist = explode(" ", $imglist);
$no = sizeof($imglist) - 2; // 修正陣列邊界
$random = mt_rand(0, $no);
$image = $imglist[$random];

// 輸出圖片標籤
echo '<img src="'.$img_folder.$image.'" border="0" alt="" />';

// 若要作為背景圖片，改為：
// echo '<body style="background-image:url('.$img_folder.$image.');">';
?>

進階應用建議

• 封裝為函數 random_image($folder, $output_type='img') 方便複用
• 加入快取機制避免每次請求掃描目錄
• 支援遞迴掃描子目錄
• 結合資料庫記錄圖片顯示權重、分類等屬性

注意事項

• eregi() 在 PHP 5.3+ 已棄用，建議改用 preg_match('/\.(gif|jpg|png)$/i', $file)
• 確保目錄權限允許 Web 伺服器讀取
• 大量圖片時考慮效能，可預先建立索引檔