Masonry gallery system with the images display from a folder... is possible?

Hello,
I need to create a masonry gallery system but with the images display from a folder.
Is possibile (and how) to create the same things shows in this video with App Connect Masonry extension?

Thanks.

Hi Michele,
All you need is server action file, which includes the file system connector, listing the files in the folder.

Then use it as a data source for the repeat region, just as you do usually with database sources.

1 Like

Ok, thanks Teodor.
I’ll try in the next days to implement it.

Hi Teodor,
I’ve a problem with the links on the single images.
If I try to use the Lightbox extension, the masonry is broken and the page rendering the images at full size (see below screenshots).
This is the code that I’ve used:
<a href="#" dmx-bind:href="url" dmx-lightbox:group1=""><img dmx-bind:src="url" alt="thumbnail" class="img-fluid"></a>

With the Lightbox link (the Lightbox behaviour works good but the masonry is broken with the images at the full size on the page):

Without link (masonry works good but obviously I don’t have the possibility to open the images):

How can I fix it?
I need only to open the images at the full size when a user click on the single images on the masonry gallery.

@michele Please provide a link to your page, where i can check this.
Are you not using Bootstrap 4 maybe?

Yes, I’m using bootstrap 4.
I send you a private message with the link.

1 Like

For larger images be sure to check this:
Image Properties>> Display>> Thumbnail.
Just did a similar Masonry Gallery so here is a screenshot for others: