jQuery无缝轮播插件

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

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    是否显示左右切换按钮
相关插件-幻灯片和轮播图

3D轮播幻灯片

支持多种3D轮播切换特效
  幻灯片和轮播图
 14486  224

jQuery图片左右切换

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

bootstrap响应的另一种轮播形式

应用官网Carousel的另一种响应式轮播,在也不用费力找插件了。只要引入bootstrap,好不容易弄出来的……
  幻灯片和轮播图
 48011  161

jQuery跨浏览器幻灯片插件jquery.iosslider

iosSlider iosSlider是一个可定制的、跨浏览器幻灯片jQuery插件。设计用于作为内容滑块、旋转木马、滚动网站旗帜或者图片库。其效果类似于ios的横向滚屏效果
  幻灯片和轮播图
 9906  47

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

    淡若风尘 0
    2018/1/20 20:14:33
    请问如何手动停止伦播? 回复
    .τ?箜ζ. 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

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

    回复
    BoyImpossible 0
    2017/12/27 23:08:52
    插件具体怎么用啊  小白不懂
        hellolxc0
        2017/12/28 9:32:01

        下载之后有案例

    回复
    …… 0
    2017/12/24 18:34:10
    All I've Ever Known 0
    2017/12/21 14:09:29
    自渡 0
    2017/12/21 13:26:01
    小? 0
    2017/12/21 9:51:23
取消回复