列出特定的目錄並顯示圖像

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是一個可以幫助你的例子。

我希望這可以指引您正確的方向。