仿苹果官网轮播插件

该插件为无限轮播插件,轮播方式为横向滚动(仅支持此方式)

作者:弦云孤赫(David Yang)

温馨提示:作者开源不易,希望使用本插件时,能署名作者,感谢支持。

注意:由于本插件使用了大量CSS3属性,对于低版本浏览器(如ie9以下版本等不支持CSS3属性的浏览器)不兼容。

调用轮播插件:
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>	
	

options参数

常用参数调用示例


$("#id").AppleSlider({
	imgItem:'.garllery_item',
	autoPlay : true, 
	imgNum : 3, 
	autoTime : 5000 
})
		
参数 默认值 说明
imgItem 'gallery_item' 轮播内容列表的class
autoPlay true 是否为自动轮播
imgNum 3 轮播图数量,默认值为3,没有最大值限制
autoTime 5000 自动轮播时间间隔