jQuery无缝轮播插件

所属分类:媒体-幻灯片和轮播图

 67281  439  查看评论 (33)
分享到微信朋友圈
X
jQuery无缝轮播插件 ie兼容6

使用方法

1.引入样式和脚本

<link rel="stylesheet" href="css/ft-carousel.css" />
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/ft-carousel.min.js" type="text/javascript" charset="utf-8"></script>

2.初始化插件

$("#carousel_1").FtCarousel();

配置参数

Option                Type                Default             Description             
index     number  0初始索引
auto      boolean true    是否自动轮播
time      number  4000自动轮播时间
indicatorsbooleantrue    是否显示指示按钮
buttons   booleantrue    是否显示左右切换按钮
相关插件-幻灯片和轮播图

jQuery响应式轮播图,无缝大屏滚动插件(原创)

代码清晰,动画流畅,无bug的banner滚动轮播
  幻灯片和轮播图
 35896  332
  幻灯片和轮播图
 37807  445

手机触屏幻灯片

html5支持手机触屏幻灯片代码
  幻灯片和轮播图
 29949  317

仿今日头条滚动轮播banner图(原创)

今日头条PC端首页滚动轮播图效果
  幻灯片和轮播图
 29808  324

讨论这个项目(33)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    吾往矣 0
    2019/6/20 18:48:46
    为什么后边的图不是dota的 回复
    情怀。 0
    2018/9/28 13:38:36
    过渡速度怎么控制 图片切换的时候太快了 回复
    i哎呀 0
    2018/9/25 17:37:36
    动态添加滚动的元素怎么最后一个不显示 回复
    情怀。 0
    2018/8/27 14:07:42
    我用这个插件 动态添加图片 前后生成的那两个图片是空的怎么解决 回复
    用户0hqjo1sz1q 0
    2018/8/9 16:10:17
    这个插件 。。。 BUG一堆 闹心。 回复
    Akie 0
    2018/7/10 18:14:48
    最后一个很快就跳转到第一个图,怎么解决
        唐突1
        2019/7/29 15:42:15
        t<0&&o<-e*(s-2)&&n.css("left",-e),t>0&&o>-e&&n.css("left",-e*(s-2)),

        看看有没有上面这样的代码,改成下面这样的

        t<0&&o<-e*(s-2)-1&&n.css("left",-e),t>0&&o>-e+1&&n.css("left",-e*(s-2)),
    回复
    nmmp 0
    2018/5/10 15:11:48

    真的不是我说,这个东西BUG太坑爹了,拜托了,多看看代码,除法加法减法JS是有误差了,报了我一下午的错!!

    this.ele.find(".carousel-indicators span").eq(Math.ceil(this.index)).addClass("active")

    这个this.index == 1.9999995643
    真没想到。。

        koko20790
        2018/10/22 10:22:34
        nb!解决了我的问题,非常感谢,求交往~
    回复
    飞龙在天 0
    2018/4/18 20:33:39
    有没有reload方法
        nannan5n50
        2020/12/17 14:25:08
        请问大佬找到方法了吗?
    回复
    飞龙在天 0
    2018/4/18 20:09:09
    怎么动态添加滚动的元素
        情怀。0
        2018/8/27 14:06:23
        怎么动态添加的
        i哎呀0
        2018/9/25 16:32:10
        同求
    回复
    763023308 0
    2018/4/13 23:44:18
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复