1.0.0 • Published 2 years ago
@itkyk/looper v1.0.0
Looper
Install
$ npm i @itkyk/looper
How to Use
JavaScript
import LoopContents from "@itkyk/looper";
const looperOptions = {
// Option //
}
const target = document.querySelector("js-looper");
const looper = new LoopContents(target, looperOptions);
HTML
<div class="js-looper">
<div class="js-loop-contents">
// Contents //
</div>
</div>
CSS
.js-looper {
display:flex;
}
.js-loop-contents {
flex-shank: 0;
}
Options
option | default | description | type |
---|---|---|---|
childName | .js-loop-contents | 複製するchildNodeのクラス名を指定します。 | string |
direction | left | 進む方向を指定します。 | string(right/left) |
fps | 60 | フレームレートを指定できます。 | number(integer) |
speed | 1.2 | 移動するスピードを調整します。 | number(float/integer) |
clone | 1 | childNodeの複製回数を指定します。 | number(integer) |