# Image Gallery (grid, not carousel)

**URL:** <https://community.glideapps.com/t/image-gallery-grid-not-carousel/70682>\
**Category:** Ask for Help\
**Created:** [February 10, 2024, 8:57am UTC](https://community.glideapps.com/t/image-gallery-grid-not-carousel/70682 "2024-02-10T08:57:36Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Danny\_Nielsen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/danny_nielsen/32/61765_2.png) [@Danny\_Nielsen](https://community.glideapps.com/u/Danny_Nielsen)\
**Post date:** [February 12, 2024, 8:49am UTC](https://community.glideapps.com/t/image-gallery-grid-not-carousel/70682/3 "2024-02-12T08:49:59Z")

</div>

Thanks. I found this solution.

> [@Image Gallery with JavaScript & CSS code](https://community.glideapps.com/t/image-gallery-with-javascript-css-code/68373):
>
> [ezgif.com-resize] Step 1 : Create Multiple Image Column Step 2 : Create Joined List Column [1701764843987] Step 3 : Create JavaScript Column 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.

---

_[View the full topic](https://community.glideapps.com/t/image-gallery-grid-not-carousel/70682)._