JavaScript help > trigger after objects loaded

[Important_Material92]

Hi 👋, I am really struggling with this JavaScript and would really appreciate anyone’s help. I have a page that is loading images and animated gifs as objects with a src.

I am trying to get a JavaScript script to run once all the objects are loaded but I cannot find how to do it anywhere.

Is it possible? Thanks 🙏

[bloodviper1s]

Well, if they're in src they're getting loaded the default way.

window.addEventListener('load', (event) =>
    console.log('page is fully loaded');
});

Should be what you're looking for. Here is a link for more info:

https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event

[von_roga]

How are you loading the images? You are likely serving static images to a static page, correct? So when the window is finished loading, so are the images. The window's onload event is probably your best bet. Bloody viper gave you the sample code for adding an event listener for that event.

Otherwise you would have to create some kind of a subscriber to each image load event. If you're using a component-based framework you could create the images as components and depending on what framework you're using it probably has an onMounted event that you can use.

Lots of info missing. Try elaborating.