2012-06-20 33 views
1

我創建了scrollHorz slideshow其中我想要幻燈片內的動畫div。jQuery循環:每個幻燈片中更多的scrollHorz效果

我想這樣的jQuery的僞
$(".item .top").startSlideHorz();
$(".item .middle .left").delay(100).startSlideHorz();
$(".item .middle .right").delay(200).startSlideHorz();
$(".item .bottom").delay(300).startSlideHorz();

我對http://www.goldmansachs.com

我的HTML inspirated:

<div class="wrap"> 
    <div class="slideshow"> 
    <div class="item"> 
     <div class="itemInner"> 
     <div class="top">First top</div> 
     <div class="middle"> 
      <div class="left">First left</div> 
      <div class="right">First right</div> 
     </div> 
     <div class="bottom">First bottom</div> 

     </div> 
    </div> 
    <div class="item"> 
     <div class="itemInner"> 
     <div class="top">Second top</div> 
     <div class="middle"> 
      <div class="left">Second left</div> 
      <div class="right">Second right</div> 
     </div> 
     <div class="bottom">Second bottom</div> 
     </div> 
    </div> 
    <div class="item"> 
     <div class="itemInner"> 
     <div class="top">Third top</div> 
     <div class="middle"> 
      <div class="left">Third left</div> 
      <div class="right">Third right</div> 
     </div> 
     <div class="bottom">Third bottom</div> 
     </div> 
    </div> 
    </div> 
</div> 

我明白任何想法 謝謝。

+0

我找到了靈感上http://stackoverflow.com/a/5108258/1102223和我繼續在[工作](http://jsfiddle.net/kubedan/pHUXB/ 4 /)。 – kubedan

+0

這是什麼問題?我有點困惑 – Sammaye

+0

我嘗試通過jQuery循環創建類似於http://www.goldmansachs.com的東西 – kubedan

回答