jQuery 3D旋转轮播jquery.roundabout.js

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

 59248  469  查看评论 (78)
分享到微信朋友圈
X
jQuery 3D旋转轮播jquery.roundabout.js ie兼容6

通过以下代码设置图片数量以及自动播放时间等属性

$(document).ready(function() {
    $('.roundabout_box ul').roundabout({
        duration: 1000,
        minScale: 0.6,
        autoplay: true,
        autoplayDuration: 5000,
        minOpacity: 0,
        maxOpacity: 1,
        reflect: true,
        startingChild: 3,
        autoplayInitialDelay: 5000,
        autoplayPauseOnHover: true,
        enableDrag: true
    });
});
相关插件-幻灯片和轮播图

jQuery无缝滚动轮播图(原创)

各大网站常用的轮播图滚动效果,自动轮播,左右按钮切换
  幻灯片和轮播图
 20891  201

bootstrap响应的另一种轮播形式

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

jQuery轮播图插件slide.js

基于jQuery拓展的轮播插件,使用方便简单,只用一句代码自动加载,方便交互
  幻灯片和轮播图
 61828  378

vue.js轮播图(原创)

vue的轮播小插件,vue初学者可以借鉴,代码量很少。
  幻灯片和轮播图
 52503  416

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

    快乐在前端 0
    2021/11/26 15:48:06
    不是当前主图的其他图片透明度怎么设置 回复
     南途  0
    2020/11/17 13:25:00
    可以自定义div吗 回复
    SgHBoOm 0
    2019/8/21 12:37:32
    触摸与点击事件,我这边跳转不了 回复
    Radiom M 0
    2019/7/31 9:04:46
    我想问问后面的图片怎么调整位置的
        ? 匆匆 ?0
        2020/4/22 16:33:24
        少时诵诗书
    回复
    茁源科技-张欢 0
    2019/6/14 10:08:38
    求助为什么不能跳转,急急急
        西瓜0
        2019/6/14 10:11:33

        直接href="#"加链接,刚测试可以跳转没有问题

        <li>
            <a href="http//www.jq22.com"><img src="img/zt2.png" alt=""><span class="text">Picture information 2</span></a>
        </li>
        茁源科技-张欢0
        2019/6/14 10:15:43
        {loop $diyitem['data'] $menuitem}
        <li style="width:90%;height:320px;margin:0px;list-style:none;display:block;">
        
            <div style="height:55%;background:#fff;">
                <a href="{php echo $menuitem['linkurl']}" style="display:inline;">
                    <div style="background:url('{php echo tomedia($menuitem['imgurl'])}') no-repeat center;width:100%;height:100%;">
                    </div>
                </a>
            </div>
        茁源科技-张欢0
        2019/6/14 10:16:19
        苹果手机能跳转,安卓手机不能跳转
        西瓜0
        2019/6/14 10:37:29
        你这个问题我这里无法测试,按理说安卓使用的是chrome浏览器,因该可以很好的支持。
        ? 匆匆 ?0
        2020/4/22 16:33:10
        爱收拾所
        ? 匆匆 ?0
        2020/4/22 16:33:11
        爱收拾所
    回复
    茁源科技-张欢 0
    2019/6/14 10:04:38
    为什么不能跳转啊
    回复
    李鑫 0
    2019/1/8 11:35:18
    Support 0
    2018/12/19 16:00:16
    点图片怎么跳转啊,有解决的么
        Support0
        2018/12/20 11:12:05
        解决了 但是点击后跳转别的页面,跳回来的时候轮播不转了
        茁源科技-何平0
        2019/6/13 17:58:40
        你是怎么写的,我也跳转不了
    回复
    骷髅①② 0
    2018/12/19 10:02:09
    不错不错,可是没有jq币啊 回复
    木南 0
    2018/12/4 17:39:31
    点击左右键的时候怎么改变时间,让旋转快些,不点击的时候正常旋转? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复