npm.io
0.0.0 • Published 8 years ago

ds-delay-loader

Licence
MIT
Version
0.0.0
Deps
0
Size
7 kB
Vulns
0
Weekly
0
SummaryDependencyVersions

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

Keywords

delay loaderjslibraryECMA scriptnot jQuery