调用轮播插件: 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 | 自动轮播时间间隔 |