使用PHP一個接一個地加載圖像。

Question

我已經有了這段PHP代碼，它將一個目錄下的圖像加載出來，並一次把所有的東西扔到頁面上。我想知道如何添加一個接一個地加載圖像的功能，而不是一次加載它們。

$path = "images/page1/"; 

if (is_dir($path)){ 
    $handle = opendir($path); 
} 
else{ 
    echo 'No image directory'; 
} 

$directoryfiles = array(); 
while (($file = readdir($handle)) !== false) { 
    $newfile = str_replace(' ', '_', $file); 
    rename($path . $file, $path . $newfile); 
    $directoryfiles[] = $newfile; 
} 

echo '<table>'; 
foreach($directoryfiles as $directoryfile){ 
     if(strlen($directoryfile) > 3){ 
     echo '<tr><td> <img src="'.$path.$directoryfile.'"/>'; 
     echo '<br>'.$path.$directoryfile.'</td></tr>'; 
     } 
    } 
echo '</table>'; 

closedir($handle); 

謝謝。

Answer 1

這可能會爲你工作：

echo '<table>'; 
$delay=250; 
foreach($directoryfiles as $directoryfile){ 
     if(strlen($directoryfile) > 3){ 
      echo '<tr><td data-delay='.$delay.'> <img src="'.$path.$directoryfile.'"/>'; 
      echo '<br>'.$path.$directoryfile.'</td></tr>'; 

      $delay+=250;  
     } 
    } 
echo '</table>'; 

Answer 2

我認爲與其建立圖像的表，我會把第一個圖像，我會保存其他圖片INA JavaScript變量的URL。然後，當你想加載其他圖像（定時器，點擊事件，...）時，你只需要改變原始圖像的src參數。

Answer 3

你不能這樣做只有PHP，因爲PHP將始終呈現頁面並一次顯示結果。如果你只是想要的效果，你可以看看這個簡單的jQuery腳本：

How do I create a fade-in load effect, one after another image

Answer 4

看起來jQuery是辦法：

var dir = "images/page1/"; 
var fileextension = [".png", ".jpg"]; 
$.ajax({ 
//This will retrieve the contents of the folder if the folder is configured a 'browsable' 
url: dir, 
success: function (data) { 
    //Lsit all png file names in the page 
    $(data).find("a:contains(" + (fileextension[0]) + "), a:contains(" + (fileextension[1]) + ")").each(function() { 
     var filename = this.href.replace(window.location.host,"").replace("http:///", ""); 

      jQuery(document).ready(function() { 
      //hide a div after 3 seconds 
       setTimeout("$("body").append($("<img src=" + dir + filename + "></img>"));",3000); 
      }); 
     }); 
    } 
}); 

警告：該代碼尚未經過測試，但它應該給你一個如何解決你的問題的想法。

Answer 5

你可以用PHP做，如果你使用output functions

下面是一個例子，編號會被對方後可見一個：

for ($i = 1 ; $i <= 10 ; $i++) 
{ 
    echo $i."\n"; 
    flush(); 
    ob_flush(); 
    sleep(1); 
} 

• flush()
• ob_flush()