mgn-conveyor
v0.0.0
Published
Downloads
8
Maintainers
Readme
mgn-conveyor ( Don't Need jQuery )
Implement function to slide images or elements in an infinite loop.
- Target browser : IE9+
Install
npm i mgn-conveyor -S
Or Download raw data
Import
import mgnConveyor from 'mgn-conveyor';
Constructor
new mgnConveyor( element [, option] )
|Argument|Data type|Default|Descroption| |:-------|:--------|:------|:----------| |element|String|-(Required)|Specify target element.ex) ".j-conveyor"| |option|Object|-|ex)option = {speed: 500}|
|Option|Data type|Default|Descroption| |:-------|:--------|:------|:----------| |speed|Number|300|Specify speed (ms).|
Property
|Property|Data type|Default|Descroption| |:-------|:--------|:------|:----------| |flag|Boolean|false||
Demo
https://frontend-isobar-jp.github.io/mgn-conveyor/
import mgnConveyor from 'mgn-conveyor';
let conveyor = new mgnConveyor(".j-conveyor");
let btn = document.getElementById('btn');
btn.onclick = () => {
conveyor.flag ? conveyor.Stop() : conveyor.Start();
}