Asp.net Jquery image delayed Loading

In e-commerce websites, the homepage loading speed is slow due to the large number of website image requests. The image loading mechanism allows users to access the page, only the images shown on the current screen are loaded to reduce the number of user requests and improve the user experience.

Procedure:

1. Introduce Jquery class library and delayed loading class library: http://files.cnblogs.com/ywqu/Jquery%E5%BB%B6%E8%BF%9F%E5%8A%A0%E8%BD%BD.rar

 

2. First add the original attribute to the image img and assign it to the image path.

3. Code on the page

<Script language = "javascript" type = "text/javascript">
$ (Function (){
$ ("Img [original]"). lazyload ({
Placeholder: "../Images/Default/grey.gif ",
Effect: "fadeIn"
});
});

</Script>

4. Final Results