PHP & HTML: cách lặp qua thư mục có hình ảnh?

Question

folderstructure rất đơn giản như thế này ...

• index.php
• img
  • someimage1.jpg
  • someimage2.png
  • someimage3.jpg

tôi tự hỏi khó khăn thế nào là sử dụng php để đọc thư mục img này và tạo một microsite lặp qua các hình ảnh này với các liên kết "prev" và "next".

Vì vậy, tôi không muốn chỉ định thủ công tên tệp của hình ảnh. Tôi chỉ muốn thêm hình ảnh vào thư mục và một kịch bản php chạy qua chúng và tạo ra một chuyển hướng như thế

<a href="nextimage-link" class="next">Next Image</a> 
<a href="previmage-link" class="prev">Previous Image</a> 

Vì vậy, bất cứ khi nào tôi bấm vào liên kết "Hình ảnh Next" nó cập nhật trang web và hiển thị hình ảnh tiếp theo.

Điều đó phức tạp để xây dựng? Bất kỳ ý tưởng về điều đó? Cảm ơn bạn trước vì những lời khuyên và giúp đỡ của bạn.

Answer 1

Hãy xem xét những điều sau đây, tôi giả định img thư mục trong /var/www thư mục:

$dir = "/var/www/img/*.jpg"; 
//get the list of all files with .jpg extension in the directory and safe it in an array named $images 
$images = glob($dir); 

//extract only the name of the file without the extension and save in an array named $find 
foreach($images as $image): 
    echo "<img src='" . $image . "' />"; 
endforeach; 

Đối với một giao diện người dùng tốt hơn, bạn có thể tạo một mảng các đường dẫn hình ảnh và lưu trữ chúng trong một mảng JavaScript. Sau đó, sử dụng nút Trước và Tiếp theo để thay đổi chỉ mục của mảng hình ảnh và hiển thị hiện tại trong một thẻ img duy nhất.