How to set image loading order with jquery on first screen?

Question

JavaScript

Good afternoon!

How to configure the loading sequence of elements on the first screen of the site, so that they do not load randomly, but sequentially and in a controlled manner?

How to describe the loading order in the script, and add a fade animation to it?

Maybe I searched badly, but I did not find an answer to Stackoverflow.

Thank you.

Answer 1

LazyLoad and others like them.
In general, it is written on 1...2...3
Add 2 attributes to the picture loadId and loadSrc
in a loop run through all the pictures and look for loadId == 1
Assign src = loadSrc for it Look for the
picture loadId == 2
.....