# How to set a clickable button to show different images in order

**URL:** <https://community.thunkable.com/t/how-to-set-a-clickable-button-to-show-different-images-in-order/3000582>\
**Category:** Questions about Thunkable X\
**Created:** [May 13, 2024, 2:51pm UTC](https://community.thunkable.com/t/how-to-set-a-clickable-button-to-show-different-images-in-order/3000582 "2024-05-13T14:51:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kuleff6uj53i](https://avatars.discourse-cdn.com/v4/letter/k/cdc98d/32.png) [@kuleff6uj53i](https://community.thunkable.com/u/kuleff6uj53i)\
**Post date:** [May 13, 2024, 2:51pm UTC](https://community.thunkable.com/t/how-to-set-a-clickable-button-to-show-different-images-in-order/3000582/1 "2024-05-13T14:51:52Z")

</div>

Greets everyone, i was wondering how to code a clickable button to show different images with each click but in order. Ex: click 1 show image SETUPa.PNG. sECOND CLICK SHOW IMAGE setup2.png and so on.

Here is what i achived so far (image to change with first click) but cant find a tutorial with the answer to make the progression.

Thanks in advance.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/b/9b00297f5bd5a3868832dda9d347198eee304a31.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:** [May 13, 2024, 8:57pm UTC](https://community.thunkable.com/t/how-to-set-a-clickable-button-to-show-different-images-in-order/3000582/2 "2024-05-13T20:57:55Z")

</div>

Use a variable called itemNum to store the list item # and set it to 1 to begin with. Each time the button is clicked, change the itemNum variable by 1 and set the image’s picture to item #[itemNum] of list `setup`.

---

<div class="post-metadata">

**Author:** ![kuleff6uj53i](https://avatars.discourse-cdn.com/v4/letter/k/cdc98d/32.png) [@kuleff6uj53i](https://community.thunkable.com/u/kuleff6uj53i)\
**Post date:** [May 13, 2024, 9:00pm UTC](https://community.thunkable.com/t/how-to-set-a-clickable-button-to-show-different-images-in-order/3000582/3 "2024-05-13T21:00:50Z")

</div>

thanks solved it this way it does what i need

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

---

<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:** [August 11, 2024, 9:01pm UTC](https://community.thunkable.com/t/how-to-set-a-clickable-button-to-show-different-images-in-order/3000582/4 "2024-08-11T21:01:02Z")

</div>

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