Picture Lazy Loading

Lazyload is used to load images from longer pages until the page is too long to display them until they are displayed, which speeds up the page display.

1. Use it

Use it to reference only two files, as follows:

<script src= "Jquery.js" ></script><script src= "Jquery.lazyload.js" ></script>

Also add a property to the IMG tag and add a name to the IMG, with the following code:

$ (function () {    $ ("Img.lazy"). Lazyload ();});

2. Add a threshold

You can let it record 200 pixels before it appears on the screen, the code is as follows:

$ ("Img.lazy"). Lazyload ({    $});

3. Event departure

Trigger load using click or onmouseover

$ ("Img.lazy"). Lazyload ({    "click"});

Picture Lazy Loading