jQuery轮播图切换插件slick.js

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

 58461  362  查看评论 (20)
分享到微信朋友圈
X
jQuery轮播图切换插件slick.js ie兼容8
相关插件-幻灯片和轮播图

针对移动设备的手动切换插件

该插件可以将浏览器中的元素集合像卡片一样通过手势切换,在电脑和移动设备上均可使用。
  幻灯片和轮播图
 31814  349
  幻灯片和轮播图
 55358  450

jQuery 3D轮播图

自适应屏幕的3D轮播图加炫酷背景
  幻灯片和轮播图
 62520  531

5种jQuery超酷3d幻灯片效果

flux.js是一款能做出3D效果的jQuery幻灯片插件。这款jQuery幻灯片插件共有5种效果:爆炸效果、3D翻转效果、3D旋转效果、立方体效果和翻页效果。需要注意的是flux需要浏览器支持CSS3 transitions才能正常工作。
  幻灯片和轮播图
 33718  451

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

    倾_ 听 ? 0
    2021/1/4 11:22:49
    怎么改成鼠标经过圆点进行切换呢?
        倾_ 听 ?1
        2021/1/4 13:22:14

        试着改了下click改为mouseenter即可??

        (i("li",e.$dots).off("click.slick" → (i("li",e.$dots).off("mouseenter.slick"
        (i("li",e.$dots).on("click.slick" → (i("li",e.$dots).on("mouseenter.slick"
    回复
    hijaycool 0
    2019/8/29 11:20:58
    O(∩_∩)O嘿嘿嘿~ 0
    2019/8/16 10:58:53
    渐隐渐现只有fade: true,这一种方法吗?还有没别的效果 回复
    O(∩_∩)O嘿嘿嘿~ 0
    2019/8/16 9:30:09
    鼠标移入停止播放怎么去掉
        西瓜1
        2019/8/16 9:55:55
        加参数pauseOnHover:false,就可以了。
        dousha0
        2019/8/19 17:17:00
        pauseOnHover:false这个参数可以解决鼠标移入停止播放,但点击获得焦点后,又停止播放了。怎么解决?
    回复
    xiechangle 0
    2018/6/21 22:12:33
    "width": 1170, // 设置可视区域的宽度
    "height": 360, // 设置可视区域的高度
    "picWidth": 840, // 设置图片的宽度
    "picHeihgt": 360, // 设置图片的高度
    "scale": 0.9,    //设置显示比例关系
    "msec": 500,    //设置动画速度
    "autopaly": true, //设置是否自动播放
    "vertcalAlign": "middle",// 设置图片的位置
    "speed": 2400, //设置自动播放动画速度
    "Direction": true // 设置动画自动播放方向  true为右 false为左

    以上都是可调参数,两个问题,不支持jq-3.3.1,默认是jq1.1,另外当轮播图的个数为双数时,最后前面那张左边的那张图片高度有点问题,介意的可以注意以下,演示中也能看到这个问题,个数为单数时没有此问题。

    回复
    用我在线-马莉 0
    2018/1/17 17:53:56

    大小可以调吗?

    回复
    @ 木子李 @ 0
    2017/12/11 21:26:31

    怎样把圆点去掉呢???

        ?┼童心未泯 0
        2018/1/9 11:48:57

        将参数dots设置为false

    回复
    13397115235 0
    2017/12/5 11:50:32
    ねこ是萌新 0
    2017/12/1 18:45:56

    怎么调大小呢

        优易网络-产品经理0
        2019/1/15 17:36:09
        可以
    回复
    vwisdom 0
    2017/11/16 8:59:16

    什么时候能添加自动切换的效果呢???

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复