jQuery qq音乐3d轮播图切换

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

 45367  455  查看评论 (31)
分享到微信朋友圈
X
jQuery qq音乐3d轮播图切换 ie兼容11

插件支持参数

$.fn.slideCarsousel.defaultSetting = {
        slideInterval :'slideInterval', // 定时器名称
        isAutoChange :true, // true or false 是否自动播放
        direction : 5000, //  间隔时间
        callbackFunc:null, // 如果不为空,会执行该回调函数
        indicatorEvent:'click', // 指示器事件,支持 click or mouseover 
        slideType:'2d' //  轮播类型 2d 或者 3d
}

引用

//3d
$('#slide3d').slideCarsousel({
    slideType: '3d',
    indicatorEvent: 'mouseover'
});
//2d
var sliderDescArr = [],
    i = 0,
    len = 10;
for (; i < len; i++) {
    sliderDescArr.push(new Array(10).join('' + i));
}
$('#sliderDesc').text(sliderDescArr[0]);
$('#slide2d').slideCarsousel({
    callbackFunc: function(index) {
        $('#sliderDesc1').text(sliderDescArr[index]);
    }
});
相关插件-幻灯片和轮播图

原生js轮播图插件Image Slider

原生js轮播图插件Image Slider 提供8种轮播特效,轻量级只有16k.
  幻灯片和轮播图
 43683  363

jQuery自适应全屏banner滚动效果

实用的jQuery自适应全屏滚动banner,兼容效果好
  幻灯片和轮播图
 55841  401

jQuery自动轮插件jquery.SuperSlide

基于jquery.SuperSlide写的,希望大家喜欢!
  幻灯片和轮播图
 70990  436

jQuery轮播插件(原创轮播)

代码注释全,方便大家自行修改的轮播插件
  幻灯片和轮播图
 41696  366

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

    白色衬衫。 0
    2019/5/23 18:00:36
    .Elephant" 0
    2018/10/26 12:26:24
    下载后该怎么使用啊,求大神555 回复
    -FaIr 0
    2018/7/5 11:34:35
    3d模式怎么支持三张图
        盛全0
        2018/11/11 13:41:31
        init: function() {
            for (var e = 0, t = s.count; e < t; e++) s.itemClassArr.push("item" + parseInt(e + 1));
            s.slideAutoChange()
        }
    回复
    卡农 0
    2018/6/12 16:06:40
    如果是3张的话 如何让它正常显示??
        一心做一事0
        2019/1/18 14:32:09
        主要调好 transform(3d)属性 主要是x轴
    回复
    心向远方 0
    2018/6/6 11:18:12
    移动端触摸怎么滑动 回复
    xigua 0
    2018/3/27 16:02:12
    请问 一下, 这个轮播支持指定显示某一屏不,比如 我初始我想让第三张在中间显示 回复
    habwn 0
    2018/3/15 17:53:09
    3d模式怎么支持三张图 回复
    叮 ?猫?? 0
    2018/2/8 9:14:34
    手机端,2d可以实现,3d就不行了
    回复
    叮 ?猫?? 0
    2018/2/8 9:13:42
    怎么实现鼠标左右滑动图片也跟着滑动啊
        xugongyang0
        2018/2/8 9:24:42
        手机端没做兼容,你可以看下swiper的官方api ,里面有很多案例,对手机端支持也非常好。 
        叮 ?猫??0
        2018/2/8 10:41:30
        好吧,我找看看   谢谢
    回复
    昏昏欲 0
    2017/12/12 13:26:29
    问下,超过7张后就会出现平铺现象,怎么解决,谢谢!
        昏昏欲0
        2017/12/12 13:31:17
        已解决!谢谢!
        insist0
        2018/4/8 11:04:43
        怎么解决啊亲
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复