评论：jQuery qq音乐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
2019/1/18 14:32:09
主要调好 transform(3d)属性 主要是x轴

xugongyang0
2018/2/8 9:24:42
手机端没做兼容，你可以看下swiper的官方api ,里面有很多案例，对手机端支持也非常好。 

叮 ?猫??0
2018/2/8 10:41:30
好吧，我找看看   谢谢

昏昏欲0
2017/12/12 13:31:17
已解决！谢谢！

insist0
2018/4/8 11:04:43
怎么解决啊亲

如果我要显示5张图片呢？有没有配置文档

xugongyang0
2017/11/17 17:35:29
轮播区域 放5张图片，指示器（就是小点）  放5个就行，直接改demo 中  的html就行。

3D模式下 我只有三张图片 右边的图片出不来

xugongyang0
2017/10/27 21:23:36

我这里是利用 css3 来实现动画 

当切换下一个元素（项目中的 li）时，所有元素使用它前一个元素的样式，第一个元素用最后一个元素的样式，

 反之 切换上一个盒子时，所有元素使用它后一个元素的样式，最后一个元素用第一个元素的样式。

你可以f12 看一下li 类样式变化

请问怎么选中中间的图片时跳转？

应该加个，当鼠标移入时，停止自动轮播，不然就会出现 sorl 所说的情况

xugongyang1
2017/8/26 17:25:27

鼠标悬停，已经清空定时器了，你可以看下slide.js 代码。

slide.slideCarousel.mouseover(function() {
    clearInterval(settings.slideInterval);
}).mouseleave(function() {
    slide.slideAutoChange();
});

第二个轮播，快速按左键，有点衔接不上的感觉~

xugongyang1
2017/8/25 20:48:19

css 样式中  未选中的li 默认设置了 opacity:0;   动画执行是0.5s ,你可以根据需要把样式设置成 opacity:1;