# Image carousel issue

**URL:** https://community.glideapps.com/t/image-carousel-issue/25165
**Category:** Ask for Help
**Created:** [April 5, 2021, 1:46pm UTC](https://community.glideapps.com/t/image-carousel-issue/25165 "2021-04-05T13:46:36Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)
#### Post date: [April 5, 2021, 1:46pm UTC](https://community.glideapps.com/t/image-carousel-issue/25165/1 "2021-04-05T13:46:36Z")

</div>

Hi

As a part of my app I need to take photo’s of machines in field. As per attached you will see the screen structure as an example. As per documentation I had 4 image columns labelled sequentially and Glide created the array

 ![Screen Shot 2021-04-05 at 11.37.31 pm](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/a/1a442900cd00a40c8f72c96442da6f7975f26a6a.jpeg) .

What’s happening is that only 1 image will upload and every new image replaces the old, it doesn’t add to it.

Could you provide some advice? Presumably I’ve set it up incorrectly (Structure, component??)

cheers

---

<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: [April 5, 2021, 2:49pm UTC](https://community.glideapps.com/t/image-carousel-issue/25165/2 "2021-04-05T14:49:07Z")

</div>

You would need to have multiple image pickers/image component with upload image action for it to work. Seems like you’re just uploading to the first one.

---

<div class="post-metadata">

### Author: ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)
#### Post date: [April 5, 2021, 9:48pm UTC](https://community.glideapps.com/t/image-carousel-issue/25165/3 "2021-04-05T21:48:26Z")

</div>

Thank you. Do you mean as per attached. Essentially there are blank frames until all are populated and then it shows a single scrollable picture frame?  
cheers

 ![Screen Shot 2021-04-06 at 7.44.36 am](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/0/30539033d10b6f476ad065f829b9c5c4d71c972a.jpeg)

---

<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: [April 5, 2021, 11:00pm UTC](https://community.glideapps.com/t/image-carousel-issue/25165/4 "2021-04-05T23:00:05Z")

</div>

It won’t show automatically. You have to point to the image array that Glide created for it to show a carousel.

---

<div class="post-metadata">

### Author: ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)
#### Post date: [April 6, 2021, 12:27am UTC](https://community.glideapps.com/t/image-carousel-issue/25165/5 "2021-04-06T00:27:16Z")

</div>

Hi  
It was pointed to the array, but in thinking about it does it need to be the image picker component? If so, the image picker wants to point to the individual columns. The Image component will point to the array so presumably if I want to take 4 photo’s I need to create 4 image picker components (1 for each column) and in the display sheet have the Image component which will display the images in a carousel?  
cheers

---

<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: [April 6, 2021, 12:41am UTC](https://community.glideapps.com/t/image-carousel-issue/25165/6 "2021-04-06T00:41:20Z")

</div>

To sum it up:

- You create 4 image picker components on the screen where you want users to upload images, pointing to your 4 columns.

- Where you want to display the carousel, create 1 image component pointing to the resulting array of images.

---

<div class="post-metadata">

### Author: ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)
#### Post date: [April 6, 2021, 12:46am UTC](https://community.glideapps.com/t/image-carousel-issue/25165/7 "2021-04-06T00:46:25Z")

</div>

Thank you, appreciate the help. All done and working, I misunderstood the way the component worked.  
cheers

---

<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: [April 6, 2021, 12:58am UTC](https://community.glideapps.com/t/image-carousel-issue/25165/8 "2021-04-06T00:58:35Z")

</div>

Glad it could help. Do let us know if you have any other questions.

---

<div class="post-metadata">

### Author: ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)
#### Post date: [January 17, 2024, 4:52pm UTC](https://community.glideapps.com/t/image-carousel-issue/25165/9 "2024-01-17T16:52:45Z")

</div>


