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