调用轮播插件:
Javascript:
$(".slide_wrapper").AppleSlider({
imgItem:'.gallery_item', //轮播图容器Class
imgNum:3, //轮播图数量
autoPlay:true //是否为自动轮播
});
Html:
<div class="slide_wrapper">
<div class="gallery_slide_wrapper">
<a class="gallery_item" href="javascript:;">
<div class="gallery_item_content">
<div class="gallery_item_lockup_wrapper">
<span>iPhone 7</span>
</div>
</div>
<div class="gallery_image"></div>
</a>
...
</div>
</div>
常用参数调用示例
$("#id").AppleSlider({
imgItem:'.garllery_item',
autoPlay : true,
imgNum : 3,
autoTime : 5000
})
| 参数 | 默认值 | 说明 |
|---|---|---|
| imgItem | 'gallery_item' | 轮播内容列表的class |
| autoPlay | true | 是否为自动轮播 |
| imgNum | 3 | 轮播图数量,默认值为3,没有最大值限制 |
| autoTime | 5000 | 自动轮播时间间隔 |