Image Gallery (grid, not carousel)

[Danny_Nielsen]

Hi

Is there a “image grid” function in Glide. I got images stores in array (multible images)

Like this

[Robert_Petitto]

So you want a mosaic/masonry view of a list of images? Glide doesn’t have anything native like this. Since you can’t run js on the front end, the best you can do is something with HTML and CSS. Here’s one example, but as you can see, there is vertical gap between photos of different heights:

[Danny_Nielsen]

Thanks. I found this solution.

Image Gallery with JavaScript & CSS code

[ezgif.com-resize] [1701764650411] Step 1 : Create Multiple Image Column Step 2 : Create Joined List Column [1701764843987] Step 3 : Create JavaScript Column [1111111111111111111111111] let urls = p1.split(','); let pname = p2; let columns = [[], [], [], [], []]; urls.forEach((url, index) => { let columnIndex = index % 5; columns[columnIndex].push(url); }); let galleryHTML = '<div class="gallery">'; columns.forEach((column) => { galleryHTML += '<div class="gallery__column…

Works.

My issue now is, that I wish to store images in Google Drive. But file-links (web-view-link) from GD dont play well with this setup. Guess ill find other database/storage.