mgn-delay-loader ( Don't Need jQuery )

Implement delay load function for images that trigger scrolling.

• Target browser : IE9+

Install

npm i mgn-delay-loader -S

Or Download raw data

↓ download "mgn-delay-loader.js"

Import

import mgnDelayLoader from 'mgn-delay-loader';

Constructor

new mgnDelayLoader(element [, option]);

|Argument|Data type|Default|Descroption| |:-------|:--------|:------|:----------| |element|String|-(Required)|Specify target element.ex) ".j-delayloader img"| |option|Object|-|ex) option = { transitionSpeed: 400, delaySpeed: 400, threshold: 200, bg: "url(img/loading.gif)"}|

|option|Data type|Default|Descroption| |:-------|:--------|:------|:----------| |transitionSpeed|Number|200|Specify images display speed.| |delaySpeed|Number|200|Specify delay time when image is displayed.| |threshold|Number|200|Specify image display threshold.| |bg|String|"#EEE"|Specify the boundary value to forcefully close the global navigation.|

Demo

https://frontend-isobar-jp.github.io/mgn-delay-loader/

import mgnDelayLoader from 'mgn-delay-loader';

new mgnDelayLoader(
    ".j-delayloader img",
    {
        transitionSpeed: 1000,
        delaySpeed: 200,
        threshold: 100,
        bg: "#666"
    }
);