1

I create scrollHorz slideshow where i want animate divs inside slide.

I want like this jquery pseudocode
$(".item .top").startSlideHorz();
$(".item .middle .left").delay(100).startSlideHorz();
$(".item .middle .right").delay(200).startSlideHorz();
$(".item .bottom").delay(300).startSlideHorz();

I inspirated on http://www.goldmansachs.com

My HTML:

<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>

I appreciate any idea Thanks.

kubedan
  • 616
  • 2
  • 7
  • 26
  • I found inspiration on http://stackoverflow.com/a/5108258/1102223 and I continue in [work](http://jsfiddle.net/kubedan/pHUXB/4/). – kubedan Jun 20 '12 at 13:08
  • What's the question? I am a little confused – Sammaye Jun 27 '12 at 07:13
  • I try create something like http://www.goldmansachs.com by jquery cycle – kubedan Jun 27 '12 at 07:24
  • Wow that's.....quite a question to ask, I see why no one has answered. Really people tend to answer for localised questions since this question would require a huge amount of time and effort that normally they get paid for...hmm I might take a look at it though. – Sammaye Jun 27 '12 at 07:52

1 Answers1

2

=) ... http://jsfiddle.net/4B49x/1

see613
  • 494
  • 5
  • 16