Jquery.lazyload.js Picture Lazy Loading

As a Web page, especially when the entire page display pictures more time, the use of the picture delay effect is very good

The method of use is also very simple.

1, in the page any location (usually in front of </body>) plus the following code (note <script> reference two JS files, path self-setting):

<script src= "Js/jquery.min.js" ></script>

<script src= "Js/jquery.lazyload.min" ></script>

<script type= "Text/javascript" charset= "Utf-8" > $ (Function () {$ ("Img.lazy"). Lazyload (); }); </script>

2, the image of the HTML code tags need to write this:

Description

plus class= "lazy" is to better control which pictures delay loading

      is a preloaded picture, generally choosing a small dynamic load sheet

      is the image address that really needs to be displayed.

      is the caption of the picture, which is displayed when the picture is not loaded. This is dispensable.

     &NBSP; Lazy Load Plug-ins additional features:

participating official website: http://www.appelsiini.net/projects/lazyload