How do you handle empty images when loading?

I have a visual element ‘image’ the content is dynamic and the problem I have that sometimes it takes a while to load the next image and it just stays blank.

There is no option like the uploader element like ‘when loading = yes’

Can’t show a rotating icon or something because I can’t know when it’s filled?

How can I handle something like this?
Oct-31-2018%2011-27-36

You could contain the image element in a group. Behind the image, you could have a loading icon/text. So, when the image is loading, that icon/text would be visible. Otherwise, when an image is visible, it would be covered up. (Then, as necessary, add a condition that hides the icon/text if not needed).

4 Likes

Thanks this helps!

I now have 2 images so the one behind can already load :slight_smile:

1 Like

Also this is a pretty decent tool for loading images on your site faster without compromising much quality: https://shortpixel.com/

1 Like

Thanks will check it out!

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.