Use JS to display waterfall stream effects and js waterfall Images

Use JS to display waterfall stream effects and js waterfall Images

I wonder if you have found that general image display websites use waterfall stream effects, the so-called waterfall stream.

That is, the images in the website will not be cached all at once, but when you scroll to a certain distance,

The image below will continue to be cached, and the image will appear randomly, but the width is the same and the height is not

In the same way, high, low, and like a waterfall, it is called the waterfall flow effect. I will give you the code below.

Try a few images.

<! DOCTYPE html>