您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 焦点图 >

    jQuery简洁优雅的轮播插件 多款切换效果轮播图插件

    时间:2017-03-24 11:43 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表
    jQuery简洁优雅的轮播插件 多款切换效果轮播图插件
    相对于大部分轮播插件来说,terseBanner删除了很多不实用或很少用的功能,只保留了最常用的,使用方便,功能完善,可以满足绝大多数网站的需求
    支持 ie8 浏览器,支持触屏事件

    自定义样式

    也可以使用自定义的样式来覆盖默认的样式(在默认样式的选择器前面再加一级)

    动画

    4种动画方式:slide, fade, flash, none(flash模式是fade模式的简化,图片切换时可以出现闪烁的白色背景) 
    PS:slide模式不支持垂直方向的滑动

    缩略图

    自动截取原始图片的一部分作为缩略图,缩略图列表超出容器时自动添加列表滑动按钮

    也可以手动设置每一张缩略图,在原始图片的地址后面加上 ?thumb=...
    还包括其他几种:

    自适应

    让图片自适应轮播的宽度,可以用来满屏显示图片(使用此功能时,缩略图功能将会被禁用)

    延迟加载

    减少大图片的单张加载时间(有默认的loading动画)
    把图片的 src 属性换成 data-src 即可

    切换

    可以在自定义的事件中切换轮播图片,给方法 terseBanner() 传递一个参数:'prev' | 'next' | [Number]

    回调函数

    initbeforeafter
    可以传入的参数为 $banner, $item, currentIndex(参数说明在参数列表中)

    改变轮播的宽度
    jQuery简洁优雅的轮播插件 多款切换效果轮播图插件由源码搜藏网整理,转载请注明出处http://www.codesocang.com/tx-jiaodiantu/35847.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!