一个页面中两个不同传送带的两个转换时间

Question

对于我在一个页面中的网站有两个不同的引导传送带。每个人都应该有自己的过渡speed.After长重来，我找到了出路通过javascript

document.getElementById("image1").style.cssText="position: relative;-webkit-transition: 5s ease-in-out left;-moz-transition: 5s ease-in-out left;-o-transition: 5s ease-in-out left;transition: 5s ease-in-out left;"; 

为HTML

<div id="carouseltheme" class="carousel slide"> 
    <div class="carousel-inner" style="height:280px;margin-left:0em;"> 
     <div id="image1" class=" active item"> 
      <div class="row-fluid"> 
       <div class="span12" style="margin-top:1em;margin-left:5.5em"> 
       "inner-carousel" 
       </div> 
      </div>     
     </div> 
     <div id="image1" class="item"> 
      <div class="row-fluid"> 
       <div class="span12" style="margin-top:1em;margin-left:5.5em"> 
        "inner-carousel"     
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

过渡的速度下降，但幻灯片是不相符的。 请帮我...

Answer 1

很简单。根据需要添加尽可能多的轮播，并确保每个ID都是唯一的。然后，使用jQuery并设置每个轮播的时间间隔。独立ID也可以让你按你认为合适的方式应用CSS。

$('#carouseltheme').carousel({ 
    interval: 600 
}) 
$('#carouseltheme2').carousel({ 
    interval: 1500 
}) 
$('#carouseltheme3').carousel({ 
    interval: 2000 
})