tennisfar / show-all-images-in-a-folder-with-php

Show all images in a folder with PHP. A simple PHP tool to list all images in a folder.

Show all images in a folder with PHP

A simple webpage to display all images in a folder. It requires PHP.

Images will display up to a max width of 900 pixels. Images larger than 900 pixels will show their full size if you click it.

You can link to a specific image as they're link anchored. Just click on the specific image and copy the browser URL.

Demo

Setup

The easy way

This works out of the box, so you can either Git clone the repository, or download the zip.

The other way

Add ins-imgs.php and ins-imgs.css in your root folder (or wherever your index file is).

In your index HTML, insert this:

<!-- insert images here -->
<script src="ins-imgs.php"></script>

Settings

In ins-imgs.php you can find the following settings:

    # Path to image folder
    $imageFolder = 'img/';

    # Show only these file types from the image folder
    $imageTypes = '{*.jpg,*.JPG,*.jpeg,*.JPEG,*.png,*.PNG,*.gif,*.GIF}';

    # Set to true if you prefer sorting images by name
    # If set to false, images will be sorted by date
    $sortByImageName = false;

    # Set to false if you want the oldest images to appear first
    # This is only used if images are sorted by date (see above)
    $newestImagesFirst = true;

Make the changes needed for your setup.

Help, bugs, pull requests, etc.

Very welcomed.

Customized implementations

Easy Folio (Demo) by Lukas Spieker

show-all-images-in-a-folder-with-php's Issues

display images in a table?

Is it possible to display the images in a table? By changing the display size of the images, means you can fit more on a page, but if you have a larger selection of images, it would be more efficient to display them in a table.

Is there a way to display images as per the date uploaded the server?

My images display all over the place.

https://www.sidingstudios.com/pix4web/

Just wondering.

XSS sanitization?

I noticed that you could just put a piece of code as the name (on linux of course) and it would automatically execute. No tricks needed. Is there any simple sanitation that I could use? like replace < and > with _

Display only a certain amount of pictures per page

Hi,

this is not an issue! Your app is amazing, thanks for sharing this!
Is there a way to set the amount of picutures showen per page?
For example:
exmaple.com/pictures&amount=10

Or that the script it self only display 10 in a row and adds a button to display 10 more.
Something like that would be awesome!

Thanks for reading, i hope you understand my thoughts:)