2017-09-04 107 views
-1

覆盖Bootstrap旋转木马Javascript To Active三项。 我在显示多个项目的旋转木马上遇到其他人解决方案时遇到问题,解决方案是将图像复制到一个活动项目。效果不是我想要的效果,它从整个副本幻灯片中滑落,并通过复制幻灯片切换到下一个活动号码。覆盖Bootstrap旋转木马Javascript

$('#myCarousel').carousel({ 
     interval: 4000 
     }) 

     $('.carousel .item').each(function(){ 
     var next = $(this).next(); 
     if (!next.length) { 
      next = $(this).siblings(':first'); 
     } 
     next.children(':first-child').clone().appendTo($(this)); 

     for (var i=0;i<1;i++) { 
      next=next.next(); 
      if (!next.length) { 
       next = $(this).siblings(':first'); 
       } 

      next.children(':first-child').clone().appendTo($(this)); 
     } 
     }); 

我该如何改变,确切地说,不是从整张幻灯片中滑落,而是一次只滑动一张图片。向前和向后

回答

1

选中此项: codepen.io/mephysto/pen/ZYVKRY 看看你能在这里做什么。

但是,无论如何,默认启动传送带并不是最好的。我强烈建议切换到猫头鹰传送带:https://owlcarousel2.github.io/OwlCarousel2/它更好地支持移动设备。

+0

这是非常有用的,有点卡住这个引导版本。但是我仍然在体验这三张幻灯片,并且全新的三张幻灯片在您的链接中生效。但我喜欢新鲜的开始和简单的功能,让我的工作变得更好。 – SilvarCraw

+0

但我仍在等待,看看有没有人能真正帮我解决我目前的状况,这只会帮助我增长和了解更多 – SilvarCraw