Details about jQuerylazyload lazyload

LazyLoad is a jQuery plug-in written in JavaScript. it delays loading images on long pages. this article introduces it as an example, which has a good reference value. Let's take a look at it below. Lazy Load is a jQuery plug-in written in JavaScript. it delays loading images on long pages. images outside the visible area of the browser are not loaded until the user scrolls the page to their location. this is the opposite of the image pre-loading method.

Delayed loading of images on pages containing many large images can speed up page loading. The browser will be ready after the visible images are loaded. In some cases, it can help reduce the server load.

Demo page:

Basic options

Fade-in effect

Downgrade of unsupported JavaScript browsers

Horizontal scrolling

Horizontal scrolling in Container

Vertical scroll in Container

N images exist on the page

After a delay of five seconds, the image is loaded.

Use AJAX to load images

How to Use

Lazy Load depends on jQuery. Add the following code to the end of HTML, that isBefore: