Fade in every image when it loads (not when the page loads)

Design help Animations & Interactions
1

I’ve been searching and experimenting with interactions, but I can’t seem to get this to work. Lots of issues, maybe, so perhaps impossible.

Goal: When an image loads, I want it to fade in, whenever that might be.

Some problems:

  1. I want to apply an interaction to “All Images” but sadly, it doesn’t see that as a “class” somehow. Pretty sure, it is a class, no? :sweat_smile:
  2. There’s a trigger for when a page starts to load, but that’s too soon for some images… After the page loads? Well, see 1 :frowning:

Any ideas? Is this even possible? If not, I’ll just give up now, and move on. Let me know. Thanks!

Here is my public share link: LINK
(how to access public share link)

2

Did you find a solution?

I have multiple pages of galleries with dozens of images each and would like them to all fade in, one at a time, as they get loaded.