# Animating image opacity with clicks

**URL:** <https://forum.readymag.com/t/animating-image-opacity-with-clicks/6233>\
**Category:** Custom code\
**Created:** [July 6, 2026, 6:19pm UTC](https://forum.readymag.com/t/animating-image-opacity-with-clicks/6233 "2026-07-06T18:19:49Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cat\_M9848](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/cat_m9848/32/2419_2.png) [@Cat\_M9848](https://forum.readymag.com/u/Cat_M9848)\
**Post date:** [July 6, 2026, 6:19pm UTC](https://forum.readymag.com/t/animating-image-opacity-with-clicks/6233/1 "2026-07-06T18:19:49Z")

</div>

I’m trying to have a group of images go from 0 to 100 opacity when the user clicks one image. Then, when they click another image, it will remove those images from the screen (go from 100 to 0 opacity) and load new images. Then, when another image is clicked, it does the same. Does anyone have code that can do this?

---

<div class="post-metadata">

**Author:** ![madalina\_mirela\_coja](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/madalina_mirela_coja/32/4332_2.png) [@madalina\_mirela\_coja](https://forum.readymag.com/u/madalina_mirela_coja)\
**Post date:** [July 10, 2026, 2:22pm UTC](https://forum.readymag.com/t/animating-image-opacity-with-clicks/6233/2 "2026-07-10T14:22:28Z")

</div>

You should be able to do this with triggers there is no need for custom code.

---

<div class="post-metadata">

**Author:** ![Cat\_M9848](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/cat_m9848/32/2419_2.png) [@Cat\_M9848](https://forum.readymag.com/u/Cat_M9848)\
**Post date:** [July 14, 2026, 5:38pm UTC](https://forum.readymag.com/t/animating-image-opacity-with-clicks/6233/3 "2026-07-14T17:38:54Z")

</div>

You cannot add multiple triggers to an action the way i want to, so what I want to do won’t work. Already talked with customer service about it