jquery - イメージスライダー効果！上下にスクロール

Question

簡単な質問ですが、画像がそれぞれの上にスライドするこの効果を作成する方法を知っている人はいますか..私を始めるためにいくつかのポインタが必要です.

http://denicler.eu/en/lookbooks/1

postion abosolute と z index を使用して画像を積み重ねることができましたが、画像を互いにスクロールさせることはできません.. :s何か提案があります

 #lookbook img{
width: 100%;
position: absolute;
top: 0px;
 }

img#image1 {

z-index: 100;
 }

  img#image2 {

top: 0px;
z-index: 20;
  }
   img#image3 {

z-index: 30;
  }
  img#image4 {

z-index: 40;
 }
  img#image5 {

z-index: 50;
 }
 img#image6 {

z-index: 60;
 }
 img#image7 {

z-index: 70;
  }
  img#image8 {

z-index: 80;
  }
  img#image9 {

z-index: 90;
  }

デフォは、トップに達したときに画像を修正するために、ここにJavaScriptが必要です。

これを手に入れることができましたが、何の助けにもならないようです笑

  $(document).ready( function() {
    $(window).scroll( function() {
      if ($(window).scrollTop() > $('#lookbook img').offset().top)
        $('#lookbook img').addClass('fixed');
       else
        $('#lookbook img').removeClass('fixed');
      } );

   } );