仿苹果轮播图效果插件

插件应用

浏览数:2,163

2017-6-30

AD:资源代下载服务

简介

仿苹果官网轮播插件(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

	

调用轮播插件

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

options参数

参数 默认值 说明
imgItem ‘gallery_item’ 轮播内容列表的class
autoplay true 是否为自动轮播
imgNum 3 轮播图数量,默认值为3,没有最大值限制
autoTime 5000 自动轮播时间间隔

参数示例

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

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