[代码样式]EasyFader – jQuery轻量级响应式幻灯片插件

简介

EasyFader 是一款轻量级的响应式幻灯片插件，Gzip 压缩之后之后仅 1.5 KB。因为 EasyFader 是轻量级的，所以它并没有太多花哨的功能，但幻灯片的基本功能是一个都不少的，比如箭头控制、项目导航、切换间隔、切换动画持续时间、回调函数等。

浏览器兼容

IE9+	Edge	Chrome	Firefox	Opera	Safari

使用方法

1、引入文件

<link rel="stylesheet" href="https://www.dowebok.com/css/jquery.easyfader.css" rel="external nofollow" >
<script src="https://www.dowebok.com/js/jquery.min.js"></script>
<script src="https://www.dowebok.com/js/jquery.easyfader.min.js"></script>

2、HTML

<div id="dowebok" class="fader">
<img class="slide" src="https://www.dowebok.com/images/img1.jpg">
<img class="slide" src="https://www.dowebok.com/images/img2.jpg">
<img class="slide" src="https://www.dowebok.com/images/img3.jpg">
<div class="fader_controls">
<div class="page prev" data-target="prev">&lsaquo;</div>
<div class="page next" data-target="next">&rsaquo;</div>
<ul class="pager_list"></ul>
</div>
</div>

3、JavaScript

$(function() {
$('#dowebok').easyFader();
});

配置

属性

GitHub 地址：https://github.com/snetman/easyfader

百度网盘" name="EasyFader – jQuery轻量级响应式幻灯片插件" pass="" code=""]