仿苹果轮播图效果插件

简介

仿苹果官网轮播插件（jQuery插件）为无限轮播插件，轮播方式为横向滚动（仅支持此方式）

由于本插件使用了大量CSS3属性，对于低版本浏览器（如ie9以下版本等不支持CSS3属性的浏览器）不兼容。

在线演示及下载

在线演示
本地下载

使用方法

引用CSS

引用JS

<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>
<script src="js/jquery-apple-slider.min.js" charset="UTF-8"></script>

HTML

	

		
			

				

					iPhone 7
				
			
			

		
		...
	
	

调用轮播插件

//Javascript：
$(".slide_wrapper").AppleSlider({
	imgItem:'.gallery_item',  //轮播图容器Class
	imgNum:3,  //轮播图数量
	autoplay:true  //是否为自动轮播
});

options参数

参数示例

$("#id").AppleSlider({
	imgItem:'.garllery_item',
	autoplay : true, 
	imgNum : 3, 
	autoTime : 5000 
})

作者： 弦云孤赫 原文链接： http://www.yangyunhe.me/2017/jquery-appleSlider/
本文可以转载，但务必注明原作者和原出处。