mgn-delay-loader

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"
    }
);