Bootstrap API轮播连续

我一直在使用Bootstrap API，我一直在研究旋转木马。 我希望在页面上以一个恒定的动作“漂移”一些图像，下一个图像从右侧开始并在页面上缓慢移动，当一个图像离开页面时，从右侧开始下一个图像。 我不希望图像永远停止。 我试过使用一些选项，如interval ， pause和wrap但无济于事。 有没有办法用默认的轮播来实现这个目的？

  
 
 
 <img src="https://stackoverflow.com/questions/23276481/bootstrap-api-carousel-continuous//public_html/img/phone_slide.png" alt="" /> 
 
 <img src="https://stackoverflow.com/questions/23276481/bootstrap-api-carousel-continuous//public_html/img/phone_slide.png" alt="" /> 
 
 
   $(document).ready(function(){ $('.carousel').carousel({interval: 500}); });  

Answer 1

您可以覆盖Bootstrap的CSS，以便它使用线性转换而不是轻松进入。 您还可以将其持续时间从0.6秒更改为您想要的任何值。 显然，转换越长/越慢的秒数越多。 您还需要使间隔为1，以便旋转木马不会停留在任何图像上。

在这里演示

 .carousel-inner > .item { -webkit-transition: 5s linear left; -moz-transition: 5s linear left; -o-transition: 5s linear left; transition: 5s linear left; }