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

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

EasyFader展示了三种不同的用法,包括如何回调、参数配置,时间设置以及默认效果。
EasyFader移动端响应式幻灯片插件
分类:图片代码 > 图片轮播 难易:初级
查看演示 下载资源 下载积分: 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幻灯片插件功能包含:箭头控制、项目导航、切换间隔、切换动画持续时间、回调函数等。

评论0
头像

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

1 2