列出特定的目录并显示图像

Question

我有2个php文件，我试图结合： first.php文件列出了特定目录的内容。 second.php文件能够显示特定目录的图像。

我想做的事： 我想列出一个目录“camera/images”。点击链接后，应该显示该目录的图像。

下面的代码列出了目录“相机/图像”和这样的结果。 - album1 - album2 - album3

每个专辑包含图像，我想从 “first.php” 链接并显示所包含的图像。

first.php

<?php 
$dir = opendir('camera/images'); 
echo '<ul>'; 
while ($read = readdir($dir)) 
{ 
if ($read!='.' && $read!='..') 
{ 
echo '<li><a href="camera/images/'.$read.'">'.$read.'</a></li>'; 
} 
} 
echo '</ul>'; 
closedir($dir); 
?> 

second.php

<?php 
$files = glob("camera/images/*.*"); 
for ($i=0; $i<count($files); $i++) 
{ 
$num = $files[$i]; 
echo '<img src="'.$num.'" alt="random image" />'."<br><br>"; 
} 
?> 

任何想法？谢谢！

Answer 1

我试着做的事：我想列出一个目录“camera/images”。点击链接上的 ，应显示此目录的图像。

如果你想这样的事情发生而不必刷新页面，你将需要使用JavaScript。如果你想在点击图像时被检索，那么你将需要使用ajax调用。

简单的答案概述： 我个人使用jQuery库。如果你已经熟悉javascript，那么你可以用普通的javascript来做，但我建议jquery的交叉兼容性和一般的精彩。

您需要按照希望显示的方式生成页面，就好像所有内容都已被点击一样。那么你需要确保图像周围的div是隐藏的。然后，您需要将点击事件绑定到每个链接，并取消隐藏与之关联的div。

Here是一个可以帮助你的例子。

我希望这可以指引您正确的方向。