jquery响应式全屏幻灯片插件Glide.js

Glide.js是一款响应式和对移动设备友好的jquery插件，它是基于CSS3的动画转场，同时也向后兼容旧版本的浏览器。Glide简单，轻量级和速度快等优点，用来做幻灯片滑块是最好不过了。

jquery实例：Glide使用方法

引入核心文件

<link rel="stylesheet" href="css/style.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="jquery.glide.js"></script>

写入html

<div class="slider">
<ul class="slider__wrapper">
<li class="slider__item"></li>
<li class="slider__item"></li>
<li class="slider__item"></li>
</ul>
</div>

初始化插件

//基本初始化，使用默认值
$('.slider').glide();

//带参数初始化
$('.slider').glide({
autoplay: 5000,
arrows: 'body',
navigation: 'body'
});

选项参数

官网 github