# Can I make an image from a data source replace an image when it is clicked on the data set list?

**URL:** https://community.thunkable.com/t/can-i-make-an-image-from-a-data-source-replace-an-image-when-it-is-clicked-on-the-data-set-list/2892043
**Category:** Questions about Thunkable X
**Tags:** beginner
**Created:** [March 14, 2024, 1:12am UTC](https://community.thunkable.com/t/can-i-make-an-image-from-a-data-source-replace-an-image-when-it-is-clicked-on-the-data-set-list/2892043 "2024-03-14T01:12:30Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![e3kang2027z](https://avatars.discourse-cdn.com/v4/letter/e/e495f1/32.png) [@e3kang2027z](https://community.thunkable.com/u/e3kang2027z)
#### Post date: [March 14, 2024, 1:12am UTC](https://community.thunkable.com/t/can-i-make-an-image-from-a-data-source-replace-an-image-when-it-is-clicked-on-the-data-set-list/2892043/1 "2024-03-14T01:12:30Z")

</div>

Hi I’m doing this project for school, and I am creating an avatar maker. Me and my friend have been trying ot figure out a way to load an image on the page when an option is clicked.

 ![Screen Shot 2024-03-14 at 10.01.58 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/c/cc627ef860c706153023f86ea3edc76ec0ef6d3a.jpeg)  
 ![Screen Shot 2024-03-14 at 10.02.36 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/9/6945cfc310b970dddddb790f48eb472d69384d2e.jpeg)  
We want the image from the database to show up on the blank image. We are beginners so we couldn’t find a way to do so. Also, for the avatar maker, the image loaded has to stay there when we move to the next page, and it would be so helpful if we could get some help on this. Thank you 🙂

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [March 14, 2024, 4:30am UTC](https://community.thunkable.com/t/can-i-make-an-image-from-a-data-source-replace-an-image-when-it-is-clicked-on-the-data-set-list/2892043/2 "2024-03-14T04:30:53Z")

</div>

Let’s say you have two image filenames in the project as assets. They are named round.png and square.png.

When the Round Face button/image (or are you using a Data Viewer Grid there?) is clicked, set app variable selectedImage to “round.png” and when the Square Face button is clicked, set app variable selectedImage to “square.png”. In either case, set the image’s picture to app variable selectedImage.

On the next screen, set the image’s picture to app variable selectedImage.

---

<div class="post-metadata">

### Author: ![e3kang2027z](https://avatars.discourse-cdn.com/v4/letter/e/e495f1/32.png) [@e3kang2027z](https://community.thunkable.com/u/e3kang2027z)
#### Post date: [March 14, 2024, 6:31am UTC](https://community.thunkable.com/t/can-i-make-an-image-from-a-data-source-replace-an-image-when-it-is-clicked-on-the-data-set-list/2892043/3 "2024-03-14T06:31:16Z")

</div>

I’m using a data viewer grid right now. Would it not work if I didn’t use a button? Thanks a lot for helping 🙂

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [June 12, 2024, 6:31am UTC](https://community.thunkable.com/t/can-i-make-an-image-from-a-data-source-replace-an-image-when-it-is-clicked-on-the-data-set-list/2892043/4 "2024-06-12T06:31:26Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.