Hey there! I'm currently working on a gallery with left-floated divs, where each picture serves as the background for the div. What I'd like to achieve is having each picture load with a slight delay; meaning the first picture loads, then waits for about 5 seconds before the second one loads, and so forth in a sequential order. I have come across this feature on websites before, but unfortunately, I keep forgetting to bookmark it. If possible, I would like to implement this using jQuery.
I did try using jQuery, but I was only able to get all the images to fade in at once, whereas I want each div to fade in individually.
Here is some sample code:
<div id="parent">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
The child elements will be set to fade in sequentially; the first element appears, followed by a 5-second delay, and then the next one fades in, and so on.
Thank you!