jQuery Lazy Loading Image Plugin lyz.delayLoading.js

Add-ons

2026-07-26 00:26 4 次浏览 • 0 次下载 3.5KB

jQuery Lazy Loading Image Plugin lyz.delayLoading.js

Plugin Description: jQuery Lazy Loading Images

Delayed image loading on a webpage means that content below is displayed as you scroll down. Initially, only the visible area is loaded.

Parameter Description

$(function () {
    $("img").delayLoading({
        defaultImg: "images/loading.jpg",  // Image displayed before preloading
        errorImg: "",                      // Replacement image when an image fails to load (default: same as defaultImg)
        imgSrcAttr: "originalSrc",         // Attribute used to store image paths (default: originalSrc; the img src attribute on the page should also be replaced with originalSrc)
        beforehand: 0,                     // Number of pixels to preload images in advance (default: 0)
        event: "scroll",                   // Event that triggers image loading (default: scroll)
        duration: "normal",                // One of three predefined fade-in/fade-out speed strings ("slow", "normal", or "fast"), or a duration in milliseconds (e.g., 1000). Default: "normal"
        container: window,                 // Container that determines the position for loading objects (default: window)
        success: function (imgObj) { },    // Callback function executed after an image loads successfully (default: no action)
        error: function (imgObj) { }       // Callback function executed when an image fails to load (default: no action)
    });
});