0.0.0 • Published 6 years ago

mgn-conveyor v0.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

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

↓ download "mgn-conveyor.js"


Import

import mgnConveyor from 'mgn-conveyor';

Constructor

new mgnConveyor( element [, option] )
ArgumentData typeDefaultDescroption
elementString-(Required)Specify target element.ex) ".j-conveyor"
optionObject-ex)option = {speed: 500}
OptionData typeDefaultDescroption
speedNumber300Specify speed (ms).

Property

PropertyData typeDefaultDescroption
flagBooleanfalse

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