Soyeux 是一个原生 JS 编写的轮播图,灵感来源于 slickjs
HTML:
<div class="soyeux">
<div class="single"><h1>1</h1></div>
<div class="single"><h1>2</h1></div>
<div class="single"><h1>3</h1></div>
<div class="single"><h1>4</h1></div>
<div class="single"><h1>5</h1></div>
<div class="single"><h1>6</h1></div>
</div>
JavaScript:
new Soyeux('single', {
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true
})
- pos: number - default(0) - 页面中的第一个轮播图
- speed: number - default(3000 ms) - 轮播播放速度
- slidesToShow: number - default(1) - 显示几张图片
- slidesToScroll: number - defalut(1) - 每次滑动几张图片
- autoplay: boolean - default(false) - 是否自动播放