PHP & HTML: how to loop through a directory with images?

Question

very simple folderstructure like this …

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

I wonder how difficult it is to use php to read this img folder and create a microsite that loops through this images with "prev" and "next" links.

So I don't want to manually specify what the filenames of the images are. I just want to add images to the folder and a php script runs through them and creates a navigation like that

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

So whenever I click on the "Next Image" link it updates the site and shows the next image.

Is that complicated to build? Any ideas on that? Thank you in advance for your tipps and help.

glob()

Madara's Ghost
– Madara's Ghost

2012-07-21 11:41:47 +00:00
Commented Jul 21, 2012 at 11:41 — Madara's Ghost
– Madara's Ghost, Commented Jul 21, 2012 at 11:41
Or readdir

Neograph734
– Neograph734

2012-07-21 11:54:31 +00:00
Commented Jul 21, 2012 at 11:54 — Neograph734
– Neograph734, Commented Jul 21, 2012 at 11:54

M. Ahmad Zafar · Accepted Answer · 2012-07-21 11:56:26Z

12

Consider the following, I am assuming the img folder is in /var/www folder:

$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;

For a better UI, you can create an array of image paths and store them in a JavaScript array. Then use the Previous and Next button to change the index of the image array and display the current in the single img tag.

answered Jul 21, 2012 at 11:56

M. Ahmad Zafar

4,9594 gold badges35 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

matt Over a year ago

I love the idea about the JS Array. How can I create a JS array with php?

M. Ahmad Zafar Over a year ago

You can use the realpath() PHP function to get the actual path.

M. Ahmad Zafar Over a year ago

Please go through this help w3schools.com/php/func_filesystem_realpath.asp

Andrew.Wolphoe Over a year ago

Sorry but with comment extract only the name of the file without the extension and save in an array named $find I can't really find where you save the result into $find array

Collectives™ on Stack Overflow

PHP & HTML: how to loop through a directory with images?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related