# How do i make the slider change the image of the component "Image1" when the value of the slider change?

**URL:** <https://community.thunkable.com/t/how-do-i-make-the-slider-change-the-image-of-the-component-image1-when-the-value-of-the-slider-change/3066583>\
**Category:** Questions about Thunkable X\
**Created:** [June 20, 2024, 11:48am UTC](https://community.thunkable.com/t/how-do-i-make-the-slider-change-the-image-of-the-component-image1-when-the-value-of-the-slider-change/3066583 "2024-06-20T11:48:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![rayanmubin30l1n](https://avatars.discourse-cdn.com/v4/letter/r/7ea924/32.png) [@rayanmubin30l1n](https://community.thunkable.com/u/rayanmubin30l1n)\
**Post date:** [June 20, 2024, 11:48am UTC](https://community.thunkable.com/t/how-do-i-make-the-slider-change-the-image-of-the-component-image1-when-the-value-of-the-slider-change/3066583/1 "2024-06-20T11:48:23Z")

</div>

**Hello there!**  
I have been trying to make a project **Emoji mood slider** … But when i slide the **slider,** the image just **changes to the image i don’t want** even though i **arranged** them in an order and then it doesn’t even **change the image** after changing the wrong image…please tell me according to **thunkable free.**  
**THANK YOU**

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/a/4a9c6238046f18b17e8c875f8a7149159beb2ae6.png)

---

<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:** [June 20, 2024, 10:42pm UTC](https://community.thunkable.com/t/how-do-i-make-the-slider-change-the-image-of-the-component-image1-when-the-value-of-the-slider-change/3066583/2 "2024-06-20T22:42:35Z")

</div>

Your `if` blocks conflict with each other.

If I check for a value \< 3 and also check for a value \< 2 and also a value \< 5, etc. then ALL of those are true if the value of the slider is 1. So you’re going to have an unpredictable result because all of those blocks are going to fire.

What you need to do instead is name your image files emoji1.png, emoji2.png, emoji3.png, etc. and then set Image1’s Picture to [join] “emoji” + [value] + ".png. You only need **one** `when Slide1 on Sliding Complete` block to achieve that.

---

<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:** [September 18, 2024, 10:42pm UTC](https://community.thunkable.com/t/how-do-i-make-the-slider-change-the-image-of-the-component-image1-when-the-value-of-the-slider-change/3066583/3 "2024-09-18T22:42:57Z")

</div>

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