调用轮播插件: 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>
调用轮播插件: Javascript: $(".slide_wrapper").AppleSlider({ imgItem:'.gallery', //轮播图容器Class imgNum:6, //轮播图数量 autoplay:false //是否为自动轮播 }); Html: <div class="slide_wrapper"> <div class="gallery_slide_wrapper"> <a class="gallery_item garllery" 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 | 自动轮播时间间隔 |