I have a lot of images but loading them slows down the page, and what I need is for it to load the first image to 100% and then start loading the next one, and the cycle repeats until all the images are loaded.
For example:
<div class="imagenes">
<img src="pequena1.png">
<img src="pequena2.png">
<img src="pequena3.png">
</div>
The important thing is that the next image automatically loads "only" after the previous one is 100% loaded, in this way the page will not be overloaded.
The number of images can vary, so it would be nice if you could detect the tag <img>
included in a <div>
certain one.
Some kind of loop, but stop until the last image is loaded.