使用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()