Photo Gallery - Post ID 289670

User 2699991 Photo

Registered User
3,339 posts
Online Now

Frank Cook wrote:
tracy wolcott wrote:
I was more referring to sourcing an entire gallery from a directory instead of coding a specific line of code per image.

It may be that the following is not what is in mind, but if
1. what is wanted is just a responsive page of pictures of all shapes and sizes,
2. one is content for them to be displayed at the same width, and
3. one wants to load them from a directory in one go, rather than individually,
then the following, which uses SD4 in Windows, may be of interest.

(a) I create a container with a pixel-width set in the multi-column layout section;
(b) from Windows Explorer I select the pictures and drag them into that container;;
(c) I click Done (or choose other settings), and SD4 does the rest.

No doubt those who are CSS Grid experts will find better ways of doing this, but this is remarkably quick and easy, as shown in this screen-cast.


That's the way to do it Frank, and one can create a folder (s) prior to inserting the images so for example for
a gallery page with thumbnails, with a reveal slideshow
I create a folder in resources named "gallery images" (for example) in that folder I create a subfolder named "thumbs" my images have already been prepared and the folders are on my desktop (just for ease of use)

set up the canvas as you describe
open resources and select the thumbs folders
open file explorer and drag the thumbnail images into the "Container",
The images go into the container and the thumbnail folder in resources

then select the folder "gallery images" open file explorer and the folder on the desktop with the larger images, select all & drag then to the resources gallery images file,, wham in the go
each image can then be set up individually to open the corresponding reveal.
now yes it's true one needs set up each reveal individually (although that can be made easier by simply "duplicating" the reveal container changing the image & the ID
as you say once one is used to doing it, this is a quick & fairly simple way to get images into SD

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 379556 Photo

Registered User
1,172 posts
Online Now

Thanks, Wayan.

User 122279 Photo

Senior Advisor
13,440 posts

I may ask for some more walk-through on this, Wayan. I'm currently back in Turkey selling a flat, but with poor internet connection again. I was able to replicate Frank's solution, and will try yours. Good ideas you have, guys!
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD:
My work in progress right now:
Components for the same as above + HTML Editor:

User 2930264 Photo

Registered User
5 posts

I do it this way,,, code below is for illustration only, not the actual code

Instead of coding this
<div id="main" role="main">
<section class="slider">
<div class="flexslider" style="direction:rtl">
<ul class="slides">
<img src="images/kitchen_adventurer_cheesecake_brownie.jpg" />
<img src="images/kitchen_adventurer_lemon.jpg" />
<img src="images/kitchen_adventurer_donut.jpg" />
<img src="images/kitchen_adventurer_caramel.jpg" />

I use PHP to read thru a directory (in this case \images) and dynamically create the html on the fly until EOF (or max that I want to allow). That way my clients can ftp new photos' at will (or use any upload function I allow) and a simple browser refresh will pick them up. Makes the client self sufficient

Was looking for an image gallery that had that built in so I didn't need the php overhead

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.