在div和其子上設置不同的Css3轉換速度

Question

我嘗試在我的網站上實現Slidejs。 以下是library的鏈接。

我想要做的是在元素函數中設置不同的速度轉換。 這裏是我的HTML結構：

<div id="slides" class="sliders_1"> 
    <div style="background:url(/images/slider/slide1.jpg) no-repeat scroll center center; background-size:100% auto;"> 
     <div class="slider-title"> 
      <h2 class="title">Title</h2> 
     </div> 
     <div class="slider-subtitle"> 
      <h3 class="subtitle">Subtitle.</h3> 
     </div> 
    </div> 
    <div style="background:url(/images/slider/slide1.jpg) no-repeat scroll center center; background-size:100% auto;"> 
     <div class="slider-title"> 
      <h2 class="title">Title</h2> 
     </div> 
     <div class="slider-subtitle"> 
      <h3 class="subtitle">Subtitle.</h3> 
     </div> 
    </div> 
</div> 

對於爲例，幻燈片效果可採取500毫秒爲背景，但我想我的H2和H3有不同的速度。例如H2：600ms和h3：300ms。

希望我清楚:)

更新＃1 這裏是我的javascript：

$('.sliders_1').slidesjs({ 
    width: 940, 
    height: 588 
}); 

這就是我需要啓用庫。

更新＃2 更具體地說，我想先用背景圖像滑動div。 在第一次過渡期間，我是否可以以不同的速度向h2和h3啓動另一個轉換？

更新＃3 這裏是jsfiddle！ 我想在火狐瀏覽器上做什麼，但在Safari瀏覽器，Chrome瀏覽器和其他瀏覽器上都不行... 背景，h2和h3之間的滑動速度不同，這就是我想要的。

我希望它從右向左滑動！

Answer 1

fadeSpeed（number） - 默認爲350毫秒。

以毫秒爲單位設置衰落動畫的速度。

$(function(){ 
     $("#slides").slides({ 
     fadeSpeed: 350 
     }); 
    }); 

slideSpeed（號碼）-Default是350毫秒。

以毫秒爲單位設置滑動動畫的速度。

$(function(){ 
     $("#slides").slides({ 
     slideSpeed: 350 
     }); 
    });