How to solve js problems-php Tutorial

The code in html is as follows:

How does js achieve the following results?
When the page is opened, preload the image first. when the image is loaded, the id is the load display code.

Loading

After the image is loaded,

Loading

Remove.
What is the overall js code like this ??

Reply to discussion (solution)

Is jquery used by the landlord?
If you use this method, you can meet your needs:
/// The Display code whose id is load when the image is being loaded

Loading

$ (Document). ready (function (){
// After the image is loaded,

Loading

Remove.
});

Is jquery used by the landlord?
If you use this method, you can meet your needs:
/// The Display code whose id is load when the image is being loaded

Loading

$ (Document). ready (function (){
// After the image is loaded,

Loading

Remove.
});
How can I determine whether the image has been loaded?

When the image is loaded, the img onload event is triggered.

When the image is loaded, the img onload event is triggered.
Is there complete code?

Onlookers

Validate empty fields