Home > Developer > Web Develop
<!--introduction of the following two JS files - <Scripttype= "Text/javascript"src= "./js/jquery.min.js"> </Script> <Scripttype= "Text/javascript"src= "./js/jquery.lazyload.js"> </Script> <!--Initialize - <Script> $(function(){ //block images from loading before a gray placeholder picture is clicked $("Img.lazy"). Lazyload ({placeholder:"Img/grey.gif", Event:"Click" }); $("ul img"). Lazyload ({placeholder:"Vsli1.gif", //when the picture is fully loaded, the plugin uses the show () method to display the diagram by default. You can actually use any special effects you want to handle.Effect:"FadeIn", Threshold:Ten }); }); </Script><Body><imgclass= "lazy"src= "./image/1.jpg"width= "+"Heigh= "+" /><ul> <Li><imgsrc= "./image/1.jpg" ></Li> <Li><imgsrc= "./image/11.jpg" ></Li> <Li><imgsrc= "./image/1.jpg" ></Li> <Li><imgsrc= "./image/11.jpg" ></Li> <Li><imgsrc= "./image/1.jpg" ></Li> <Li><imgsrc= "./image/11.jpg" ></Li> <Li><imgsrc= "./image/1.jpg" ></Li> <Li><imgsrc= "./image/11.jpg" ></Li> <Li><imgsrc= "./images/1.jpg" ></Li> <Li><imgsrc= "./images/11.jpg" ></Li> <Li><imgsrc= "./image/1.jpg" ></Li> <Li><imgsrc= "./image/11.jpg" ></Li> <Li><imgsrc= "./image/1.jpg" ></Li> <Li><imgsrc= "./image/11.jpg" ></Li> <Li><imgsrc= "./image/1.jpg" ></Li> <Li><imgsrc= "./image/11.jpg" ></Li> <Li><imgsrc= "./image/1.jpg" ></Li> <Li><imgsrc= "./image/11.jpg" ></Li> <Li><imgsrc= "./images/1.jpg" ></Li> <Li><imgsrc= "./images/11.jpg" ></Li></ul></Body>
jquery Lazy Loading code
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
