# Image Slider - get source from array objects

**URL:** https://community.weweb.io/t/image-slider-get-source-from-array-objects/4139
**Category:** How do I?
**Tags:** binding
**Created:** [August 31, 2023, 10:00pm UTC](https://community.weweb.io/t/image-slider-get-source-from-array-objects/4139 "2023-08-31T22:00:12Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![chrisb](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/chrisb/32/2834_2.png) [@chrisb](https://community.weweb.io/u/chrisb)
#### Post date: [August 31, 2023, 10:00pm UTC](https://community.weweb.io/t/image-slider-get-source-from-array-objects/4139/1 "2023-08-31T22:00:12Z")

</div>

I am trying to hook up an Image Slider. But, the array that I have contains objects with 2 pieces of information each. Source (this is what I need) and an ID. I can’t change the structure of my collection without a lot of effort. I’ve tried CoPilot, but I don’t seem to be phrasing it correctly.

Is there a way to write the formula to just get an array of image source urls?

 ![Screenshot 2023-08-31 at 2.53.00 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/5/58a527769200737e27f21d5f17de0253a224e059.png)

---

<div class="post-metadata">

### Author: ![aurelie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aurelie/32/13249_2.png) [@aurelie](https://community.weweb.io/u/aurelie)
#### Post date: [September 1, 2023, 7:41am UTC](https://community.weweb.io/t/image-slider-get-source-from-array-objects/4139/2 "2023-09-01T07:41:35Z")

</div>

Did you try the array nocode formula `map`?

---

<div class="post-metadata">

### Author: ![chrisb](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/chrisb/32/2834_2.png) [@chrisb](https://community.weweb.io/u/chrisb)
#### Post date: [September 1, 2023, 2:00pm UTC](https://community.weweb.io/t/image-slider-get-source-from-array-objects/4139/3 "2023-09-01T14:00:12Z")

</div>

Oh! I didn’t know about that function.

I am trying it now, and not sure how to get thy key value to be source. any tips?

 ![Screenshot 2023-09-01 at 7.00.00 AM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/5/5f322c9748593280727494e7ada6a227f24c16e4.png)

---

<div class="post-metadata">

### Author: ![aurelie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aurelie/32/13249_2.png) [@aurelie](https://community.weweb.io/u/aurelie)
#### Post date: [September 1, 2023, 2:16pm UTC](https://community.weweb.io/t/image-slider-get-source-from-array-objects/4139/4 "2023-09-01T14:16:51Z")

</div>

You need to pass the path as the second argument

`map(myVariable, 'source')` in your usecase

---

<div class="post-metadata">

### Author: ![chrisb](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/chrisb/32/2834_2.png) [@chrisb](https://community.weweb.io/u/chrisb)
#### Post date: [September 1, 2023, 3:03pm UTC](https://community.weweb.io/t/image-slider-get-source-from-array-objects/4139/5 "2023-09-01T15:03:03Z")

</div>

Thanks for that. I wasn’t sure of the formatting. So, now I can see the image source URLs, the actual images are not displaying. any ideas what I am missing?

 ![Screenshot 2023-09-01 at 8.02.11 AM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/96d0fb9dab97c8dcaeadcd77e35cb13cebacbce7.png)

---

<div class="post-metadata">

### Author: ![chrisb](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/chrisb/32/2834_2.png) [@chrisb](https://community.weweb.io/u/chrisb)
#### Post date: [September 1, 2023, 4:02pm UTC](https://community.weweb.io/t/image-slider-get-source-from-array-objects/4139/6 "2023-09-01T16:02:42Z")

</div>

Nevermind. I realized that in the element sidebar, the Image element was not in the Flexbox. Once I did that and bound the image to the item data, source, it worked perfectly.  
 ![Screenshot 2023-09-01 at 9.01.49 AM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/18783772cf46ff5c16cc6e52b1536afc4c6fb503.png)