1.0.0 • Published 3 years ago
@itkyk/looper v1.0.0
Looper
Install
$ npm i @itkyk/looperHow 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) |