2013-05-14 4 views
0

Быстрый вопрос: кто-нибудь знает какие-либо идеи о том, как я мог бы создать этот эффект, когда изображения скользят по вершине каждого. Просто нужно несколько указателей, чтобы начать с меня, действительно поняли, где начать ..Эффект слайдера изображения! Прокрутка вверх друг друга

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

сведущих укладывать свои изображения с помощью ПОлОжЕНИЕ abosolute и индекс г, но не могу получить мои изображения для прокрутки друг друга ..: 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'); 
     }); 

    }); 
+0

Играйте с z-index. – melancia

+0

Начало в начале. Как [здесь] (http://teamtreehouse.com/), [здесь] (http://www.codecademy.com/#!/exercises/0) и [здесь] (https: //developer.mozilla. орг/EN-US/Docs/Web/HTML). –

+0

Возможно, этот ответ поможет вам начать: http://stackoverflow.com/questions/6488390/can-you-layer-pictures-on-top-of-each-other-on-a-webpage – Yeronimo

ответ

0

В зависимости от того, как вы хотите, чтобы скользить изображения (вертикальные или горизонтальные), вы можете начать смотреть на this и this. Эти две ссылки помогут вам перемещать ваши изображения. Затем вы можете указать, что происходит, играя с z-index, ссылаясь на here

+0

спасибо за ответ yep знал, что это как-то связано с z = index Думаю, мне нужно заявление jquery, если изображения прокручиваются до вершины исправления, а затем сортируют индекс z. – AC88

+0

управляет стеком моих изображений сверху, используя абсолютную позицию и индекс z, но, похоже, они не позволяют прокручивать их сверху. . обновить мой вопрос – AC88

Смежные вопросы