Jquery lazy load delays image loading

Whether the loading of delayed images saves the website traffic, that is, when users cannot see the images, they will not be loaded. The following is the simplest method.

Delayed loading of all images on the page

The Code is as follows:	Copy code
<Script src = "jquery. js" type = "text/javascript"> </script> <Script src = "jquery. lazyload. js" type = "text/javascript"> </script> $ (Function () ('Img '). lazyload (); });

If you use the ff browser test, you will find that the above functions do not meet our needs to save browsing performance, but only load images. If you need to improve it

We write the image in html as follows:

The Code is as follows:	Copy code
<Div class = "zhuti3"> </Div>

Add src2 to the image, and then

The Code is as follows:	Copy code
<Script type = "text/javascript"> Lazyload ({defObj: jQuery ("div [class ^ = zhuti3]"), defHeight: 0 }); </Script>

In this way, you can test it again and find that the effect you don't see is not loaded, but you must load the image you see. This truly achieves a delay.