jQuery图片旋转切换效果

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

 43834  375  查看评论 (9)
分享到微信朋友圈
X
jQuery图片旋转切换效果 ie兼容6

可通过参数"width"控制容器宽度,"height"控制容器高度",posterWidth"控制图片宽度,"posterHeight"控制图片高度,"scale"控制图片倍数,"speed"控制切换效果的耗时,"autoPlay"控制是否自动播放,"delay"控制每次效果间隔,"verticalAlign"控制图片对其方式。

相关插件-幻灯片和轮播图

支持手机触摸滑动图片轮播

支持手机触摸滑动图片幻灯片轮播切换代码
  幻灯片和轮播图
 82411  929

带缩略图轮播效果(全屏切换)

点击缩略图或点击缩略图左右按钮进行切换
  幻灯片和轮播图
 51212  432

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

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

图片切换轮播

无数字图片切换
  幻灯片和轮播图
 40855  356

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

    sl 1
    2019/6/4 15:44:05

    Carousel.js里面有两个地方有错误,init函数里面me.posterItemMain.append(me.posterItems.eq(0).clone()); 这句源代码eq写错了,

    if (me.posterItems.size() % 2 == 0) {
        me.posterItemMain.append(me.posterItems.eq(0).clone());
        me.posterItems = me.poster.find("li.poster-item");
    }

    me.posterItems重新取值

    回复
    嘲风 0
    2019/1/22 18:06:47
    这个怎么加超链接啊
        西瓜0
        2019/1/23 1:08:31
        代码不是有a标签的链接吗,自己加加试试
    回复
    wa 0
    2018/12/18 16:57:50
    图片数量是双数的时候有bug,用不了
        粽叶飘香0
        2018/12/29 15:50:57
        确实,2张图片的时候根本没法用
        LaLaLa0
        2020/11/13 17:56:53
        有解决办法吗?
    回复
    o0rain0o 0
    2018/11/25 21:09:39
    看起来不错,谢谢分享 回复
    Crazy_Man 0
    2018/11/21 8:27:11
    没有clearInterval, 连续快速多次点击 下一页 ,可以复现bug
         0
        2018/11/26 9:16:03
        挺好
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复