Ds-delay-loader NPM

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

ds-delay-loader.jsは、jQueryを必要としないスクロールをトリガーとした画像の遅延ロード機能を実装します。

Target browser : IE9+

Install

npm i ds-delay-loader -S

Import

import DsDelayLoader from 'ds-delay-loader';

Constructor

new DsDelayLoader(element [, option]);

Argument	Data type	Default	Descroption
element	String	-(Required)	対象要素を指定します。ex) ".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	画像が表示されるスピードを指定できます。
delaySpeed	Number	200	画像が表示される際の遅延時間を指定できます。
threshold	Number	200	画像表示のしきい値を指定できます。
bg	String	"#EEE"	グローバルナビを強制的に閉じる境界値を指定することができます。

Demo

https://dsflon.github.io/ds-delay-loader/

import DsDelayLoader from 'ds-delay-loader';

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

delay loader js library ECMA script not jQuery

@everything-registry/sub-chunk-1517 @infinitebrahmanuniverse/nolb-ds-

0.0.0

6 years ago