How to prevent alt tags from showing whilst page is loading?

I have many pages that contain a lot of images. How can one prevent the alt tags from showing as the images load?

Solution

You can have the images be default hidden and show them using javascript when the document is ready.

Convert RGB to class / single integer value
Watermarking with PDFBox
Got an error Invalid src prop ('here is a link') on `next/image`, hostname "localhost" is not configured under images in your `next.config.js`
How can I change an image source based on text content?
Trying to download all of the images on the website using javascript
Error converting base64 to real image - file could not be opened
HTML Image not displaying, while the src url works
How to preview multiple inputs
How do I get onmouseenter and onmouseleave to report with respect to an image rather than to its containing div?
SVG: stretching an image
Cannot convert base64 string into image
Converting Image Python code to C#
Count the number of rectangles in an image
OpenCV can't find ORB
How to stack images horizontally in README.md
How to scale a BufferedImage
Accessing info about file uploaded in PHP and modifying with GD
How to zoom and center on double click in Image in WinUI 3?
problem with img in html
Setting WPF image source in code
Python - Extract a PDF page as a jpeg
Force reload Image when url changes SwiftUI
How to fix: Unable to get the size of the image [] with HTML2PDF
Resize image in the wiki of GitHub using Markdown
Generate ffmpeg thumbnail from stream in Node.js
Image in WPF Button not Visible at Runtime
CTkButton - Pictures on Buttons do not show from beginning
Why does a table cell with a vertically-aligned element not align with a table cell without it?
Images not displaying in Django webapp deployed on Vercel
OpenCV & Python - Image too big to display