Implement delay load function for images that trigger scrolling.
- Target browser : IE9+
npm i mgn-delay-loader -S
↓ download "mgn-delay-loader.js"
import mgnDelayLoader from 'mgn-delay-loader';
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. |
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"
}
);