图像滑块效果!滚动在彼此之上

时间:2013-05-14 13:36:35

标签: jquery html css

快速的问题是否有人知道如何创建这种效果,如果图像滑过每个顶部..只需要一些指针启动我没有真正知道从哪里开始..

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

manged使用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;
  }

defo在这里需要一些javascript才能在任何帮助人员到达顶部时修复图像

manged得到这个,但似乎没有任何帮助任何一个lol

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

   } );

1 个答案:

答案 0 :(得分:0)

根据您想要滑动图像的方式(垂直或水平),您可以先查看thisthis。这两个链接将帮助您移动图像。然后,您可以通过引用here

来指定通过使用z-index来解决的问题