I was wondering if there is a nice method to only show/reveal an image and its accompanying elements when it is fully loaded on the client side.
Case scenario: I want to display a list of images and each image also has a description in a
<p>. At page load, you quickly see a bunch of descriptions, but the images are not loaded in yet, but quickly thereafter those start to load in and everything looks normal, as can be seen in the video below:
That looks terrible imo and I want the text (and image for that matter) to only be shown when everything is loaded. I sadly have no clue how to get the “image is loaded” state from the image tag. Would simply transferring the image from the server in base64 or bytes solve the problem?
Thanks in advance!