EasyFader移动端响应式幻灯片插件

来源:https://www.sucaihuo.com/js/1235.html 2017-01-10 22:34浏览(2423) 收藏

EasyFader展示了三种不同的用法,包括如何回调、参数配置,时间设置以及默认效果。
EasyFader移动端响应式幻灯片插件
分类:图片代码 > 图片轮播 难易:初级
查看演示 下载资源: 88 下载资源 下载积分: 30 积分

EasyFader使用方法

<div id="sucaihuo" class="fader">
    <img class="slide" src="images/img1.jpg">
    <img class="slide" src="images/img2.jpg">
    <img class="slide" src="images/img3.jpg">
    <div class="fader_controls">
        <div class="page prev" data-target="prev">‹</div>
        <div class="page next" data-target="next">›</div>
        <ul class="pager_list"></ul>
    </div>
</div>
$('#sucaihuo').easyFader();
EasyFader相关API配置
slideDur 切换间隔,以毫秒为单位
fadeDur 	整数 	inline 	动画持续时间
onFadeStart 		null 	切换前的回调函数
onFadeEnd 		null 	切换前后回调函数

EasyFader幻灯片插件功能包含:箭头控制、项目导航、切换间隔、切换动画持续时间、回调函数等。

评论14
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3007547952

  • 头像 13楼
    04-09 18:16
    j***8
    好用,适应各种屏幕,效果好
  • 头像 12楼
    09-11 16:17
    微***烟
    喜欢,效果好棒!!
  • 头像 11楼
    03-26 14:16
    墨***叶
    这个左右按键不自适应啊
  • 头像 10楼
    09-26 16:56
    h***5
    可以,很强势
  • 头像 9楼
    09-06 14:48
    q***w
    好用,适应各种屏幕,效果好
  • 头像 8楼
    08-29 10:29
    a***6
    自适应的很好用
  • 头像 7楼
    06-20 10:07
    a***1
    试试看好用不
  • 头像 6楼
    03-16 17:09
    三***上
    简单实用,易懂
  • 头像 5楼
    03-10 11:15
    y***_
    简单好用,挺好的
  • 头像 4楼
    03-06 17:39
    w***i
    简单实用
1 2