jQuery无缝轮播插件

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

 14322  73  查看评论 (20)
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    是否显示左右切换按钮
相关插件-幻灯片和轮播图

原声 JS + Jquery + 面向对象轮播图

几个效果的轮播图,最后组成个组件效果,可供学习
  幻灯片和轮播图
 19762  91

jQuery图片左右切换

图片左右切换,鼠标悬停,图片放大
  幻灯片和轮播图
 11291  55

iSlider手机端图片滑动切换插件

iSlider.js手机幻灯片代码制作手指滑动手机端图片轮播代码
  幻灯片和轮播图
 33095  144

带各种百叶窗过渡效果的jQuery幻灯片插件

osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果,它使用简单,通过简单的设置即可正常工作。
  幻灯片和轮播图
 12241  91

讨论这个项目(20)回答他人问题或分享插件使用方法奖励jQ币

    飞龙在天 0
    2018/4/18 20:33:39
    有没有reload方法 回复
    飞龙在天 0
    2018/4/18 20:09:09
    怎么动态添加滚动的元素 回复
    763023308 0
    2018/4/13 23:44:18
    db3068 0
    2018/3/21 10:28:39
    两张图片轮播,buttons 为false, 不轮播了!!! 回复
    谢文锋 0
    2018/3/5 14:27:10
    谢谢无私的楼主,我拿走啦
    回复
    ヅ柒汾之一ㄋ 0
    2018/3/1 16:10:23
    看不了源码啊,是压缩的js代码。有没压缩的吗
        七联里的小小0
        2018/3/7 18:21:42
        反编译一下就好??
    回复
    淡若风尘 0
    2018/1/20 20:14:33
    请问如何手动停止伦播?
        hellolxc0
        2018/1/21 13:02:30
        暂时没暴露stop方法
    回复
    .τ?箜ζ. 0
    2018/1/20 15:01:27

    移动端不能用吗?

        .τ?箜ζ.0
        2018/1/20 16:24:10

        已搞定

    回复
    ----Meng---- 0
    2018/1/10 16:46:55
    有问题,,图片不自动居中
        G0
        2018/1/18 9:55:22

        可以自己加css,我记得这个插件是width100%居左,你可以用vertical-align或者text-align去改他

    回复
    日出,天将明?? 0
    2018/1/7 0:18:19

    请问怎么设置轮播框大小呢,就是怎么设置它随窗口的大小改变而改变

    回复
取消回复