swiper .
mSwiper swiper **** 1.2k , Gulp
issue
PC
#
git clone https://github.com/JohnsenZhou/mSwiper.js.git
#
cd mSwiper.js
#
npm install
# => localhost:8080
gulp
#
gulp build
<ul id="selector">
<li>
<img src="./img/1.jpg">
</li>
<li>
<img src="./img/2.jpg">
</li>
<li>
<img src="./img/3.jpg">
</li>
<li>
<img src="./img/4.jpg">
</li>
<li>
<img src="./img/5.jpg">
</li>
</ul>
<script src="../src/mSwiper.js"></script>
<script>
var options = {
selector: "#selector", //
isAutoPlay: true, //
autoPlayTime: 3000, //
}
var mSwiper = new mSwiper(options);
</script>
mSwiper AMD
CommonJS
require.js
require(['mSwiper'], function(mSwiper) {
var options = {
selector: "#selector", //
isAutoPlay: true, //
autoPlayTime: 3000, //
}
var mSwiper = new mSwiper(options);
})
options
selector | string | #selector | |
isAutoPlay | bool | false | |
isManual | bool | false | |
autoPlayTime | number | 5000 | |
goDirection | string | left | (left&right) |
MIT License