Known Participant

Answered

Load Images from folder

9 replies
2165 views
Translate

I'm looking for code to load many images to html from local folder...thanks

This topic is closed to new replies. Start a new post to keep the conversation going.

Nancy OSheaCorrect answer

Community Expert

I'm doing it with PHP code and the latest Fancybox which is a very nice modal viewer.

Alt-Web Demo : Dynamic Photo Gallery with Bootstrap, PHP & Fancybox

I should also mention that Fancybox supports the image srcset. I didn't use it in this demo mainly because I don't have small medium and large images yet. But when I do, I will add it to the code.

Fancybox documentation is well-worth reading too because there's a lot more you can do with it.

fancyBox - touch enabled, responsive and fully customizable lightbox script

Nancy

Nancy O'Shea— Product User & Community Expert

Nancy OShea

Community Expert

jamieh2os wrote
I'm looking for code to load many images to html from local folder...thanks

You could this dynamically on the server with PHP scripts.

Translate

Nancy O'Shea— Product User & Community Expert

B i r n o u

Legend

I'm most thinking on client side, not server side, using file API...

https://www.html5rocks.com/en/tutorials/file/dndfiles/

https://scotch.io/tutorials/use-the-html5-file-api-to-work-with-files-locally-in-the-browser

Translate

Nancy OShea

Community Expert

If you're building a client-side application like an image editor, sure. But for routine things like a web site photo gallery, PHP code takes care of it automatically when you add or delete images from the folder.

Translate

Nancy O'Shea— Product User & Community Expert

Preran

Legend

Like Birnou said, we need more info about your requirement

- What is it that you are trying to do?

- How are you doing it?

- What is the expected result?

Thanks,

Preran

Translate

B i r n o u

Legend

what do you nean... could you send us more details...?

is it an AJAX function ? a gallery ? looking in a folder ? loading from a list JSON? XML?

do you want to upload the files to the server... using drag and drop ?

Translate

jamieh2osAuthor

Known Participant

Thanks for all your responses to my issue. To further explain, I'm making a css grid of 25 plus images. i have a modal I'm using in the code; that uses clicks to open and close each image. it works when using one image file. I'm proceeding to code in modal scripts for each image by making unique variables on the scripts; because I'm having problems with the click to close not working from modal script when I have more than one image. All images are local. It seems using a script to load into an array to serve modal from image folder is better than using modals for each image.. Perhaps there is a better approach to this plan. I plan to upload to host when website is done. All suggestions are greatly appreciated.

Translate

BenPleysier

Community Expert

Have a look at this answer javascript - How to use bootstrap modal on multiple images on same page on image click? - Stack Overflow

Translate

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.