1.0.0 • Published 2 years ago

@itkyk/looper v1.0.0

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

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

optiondefaultdescriptiontype
childName.js-loop-contents複製するchildNodeのクラス名を指定します。string
direction left進む方向を指定します。string(right/left)
fps60フレームレートを指定できます。number(integer)
speed1.2移動するスピードを調整します。number(float/integer)
clone1childNodeの複製回数を指定します。number(integer)
1.0.0

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

3 years ago