Twitter bootstrap Bootstrap 3垂直旋转木马幻灯片过渡问题

Twitter bootstrap Bootstrap 3垂直旋转木马幻灯片过渡问题,twitter-bootstrap,carousel,Twitter Bootstrap,Carousel,我只是需要一个关于旋转木马幻灯片转换问题的帮助,我在这里 您可以看到,当您点击下一个/上一个时,有一个小故障会删除图像(幻灯片下降和上升)。这只发生在boostrap 3.3.5上,在3.0上正常工作。但我需要让它在3.3.5上运行 任何帮助都将不胜感激 谢谢:) Heman以下是垂直旋转木马的css/js更改(以防链接不起作用) 注意:如果您希望每个项目有更多/更少的幻灯片,请按(每个项目有100张/张幻灯片)计算百分比,并更新“translate3d(0,new_val,here%,0);

我只是需要一个关于旋转木马幻灯片转换问题的帮助,我在这里

您可以看到,当您点击下一个/上一个时,有一个小故障会删除图像(幻灯片下降和上升)。这只发生在boostrap 3.3.5上,在3.0上正常工作。但我需要让它在3.3.5上运行

任何帮助都将不胜感激

谢谢:)


Heman

以下是垂直旋转木马的css/js更改(以防链接不起作用)

注意:如果您希望每个项目有更多/更少的幻灯片,请按(每个项目有100张/张幻灯片)计算百分比,并更新“translate3d(0,new_val,here%,0);”

$('.carousel.vertical.item')。每个(函数(){
var next=$(this.next();
如果(!next.length){
next=$(this.sibbines(':first');
}
next.children(':first child').clone().appendTo($(this));
对于(变量i=1;i.项目{
-webkit转换:.6s易入易出顶部;
-o型过渡:.6s易进易出顶部;
过渡:.6s易进易出顶部;
}
.carousel-inner.vertical>.item{
-webkit转换:-webkit转换。6s易于输入输出;
-o-转换:-o-转换。6s易于输入输出;
转换:转换。6s易进易出;
}
.carousel-inner.vertical>.item.next,
.carousel-inner.vertical>.item.active.right{
-webkit转换:translate3d(0,33.33%,0);
转换:translate3d(0,33.33%,0);
排名:0;
}
.carousel-inner.vertical>.item.prev,
.carousel-inner.vertical>.item.active.left{
-webkit转换:translate3d(0,-33.33%,0);
转换:translate3d(0,-33.33%,0);
排名:0;
}
.carousel-inner.vertical>.item.next.left,
.carousel-inner.vertical>.item.prev.right,
.carousel-inner.vertical>.item.active{
-webkit转换:translate3d(0,0,0);
变换:translate3d(0,0,0);
排名:0;
}
#我的转盘,转盘控制,左{
底部:首字母;
宽度:100%;
}
#我的转盘,转盘控制,对{
顶部:首字母;
宽度:100%;
}