# Image array (slideshow) with text (captions) that move with list

**URL:** https://community.glideapps.com/t/image-array-slideshow-with-text-captions-that-move-with-list/13670
**Category:** Ask for Help
**Created:** [August 6, 2020, 11:45pm UTC](https://community.glideapps.com/t/image-array-slideshow-with-text-captions-that-move-with-list/13670 "2020-08-06T23:45:08Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)
#### Post date: [August 6, 2020, 11:45pm UTC](https://community.glideapps.com/t/image-array-slideshow-with-text-captions-that-move-with-list/13670/1 "2020-08-06T23:45:08Z")

</div>

I ran into an issue today when trying to build a horizontal list of images that also needed to have captions displayed underneath them. I tried to create the list using tiles or cards so that I can have the text underneath, but neither of those layouts allows for the full image to be displayed (no 1:1 setting or really any image settings on those layouts). My images need to be displayed in full (they’re screenshots that don’t look right when cropped to fit into a set tile or card size).

One thing I thought I could try was to add an array of captions under the image array and have visibility settings to switch captions when images are shown, but since the images are displayed as an array, I don’t think those visibility settings exist.

Has anyone come up with a good work-around for this?

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [August 7, 2020, 12:16am UTC](https://community.glideapps.com/t/image-array-slideshow-with-text-captions-that-move-with-list/13670/2 "2020-08-07T00:16:07Z")

</div>

Hi Kyle,

Can you try accessing the “News” button in my app and see if that flow can work with your case?

> **[Arsenal Magazine in Vietnam](https://7xxjc.glideapp.io/)**
>
> Arsenal Magazine in Vietnam's latest innovation, bring news straight to your phone, available on both iOS and Android.

The first button is “Next item”, the second is “Previous item”.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/47e6ff98958d938a05a69b5b1d0d9519531295f2.png)

---

<div class="post-metadata">

### Author: ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)
#### Post date: [August 7, 2020, 1:14am UTC](https://community.glideapps.com/t/image-array-slideshow-with-text-captions-that-move-with-list/13670/3 "2020-08-07T01:14:04Z")

</div>

That’s a cool idea! Increment buttons to switch between screens. Would definitely work, my only hesitation is that the buttons are big for a simple slideshow. A right-aligned next button and a left-aligned previous button would be great (same “line” so that it doesn’t create more vertical scrolling in the app).

Your method is a good work-around though and I might give it a go. Thanks!

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [August 7, 2020, 1:18am UTC](https://community.glideapps.com/t/image-array-slideshow-with-text-captions-that-move-with-list/13670/4 "2020-08-07T01:18:01Z")

</div>

Yeah I definitely want it to be what you describe instead of 2 big buttons, hope they allow that soon 😄

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [August 7, 2020, 4:39am UTC](https://community.glideapps.com/t/image-array-slideshow-with-text-captions-that-move-with-list/13670/5 "2020-08-07T04:39:57Z")

</div>

Check out my method in the memories tab here:

> **[Copy of Family Reunion](https://rwtsk.glideapp.io/)**

Or check out @Krivo’s method here using increment:

> [@Upload multiple images to Cloudinary](https://community.glideapps.com/t/upload-multiple-images-to-cloudinary-now-with-presentation-video/13524):
>
> Intro I thought I was going to publish my first app in the Template store but external sources like Cloudinary integration are not allowed in a template. So after hours spend you will instead see the app here. Upload multiple images to Cloudinary Try out version: URL: [https://multiupload.glideapp.io/](https://multiupload.glideapp.io/) The app is using my personal Cloudinary account - so please keep uploads in the app low - and use your own Cloudinary account if you are going to do exploration of cloudinary Backg…
