Плагин листания с apple.com?

Question

[Николай]

Наткнулся на сайте apple на интересный эффект пролистывания элементов, когда каждый элемент движется друг за другом с небольшим опозданием — store.apple.com/ch-de/browse/home/shop_mac



Из попыток вытащить ничего не получилось, код обфусцирован да и опыта маловато. Может быть кто знает похожие?

Answer 1

[Shultc]

Не надо вытаскивать — это не этично.
Попробуйте сначала сделать обычный слайдер. Потом попробуйте добавлять к нему запоздания по-разному.

Comments

[Николай]

Согласен, наверно не очень этично. Но приоритеты таковы, что сейчас нет времени разбираться.

В общем смотря на исходный код, становится очевидно что padding тут не причем, как предположил автор выше, прокрутка работает через transform css3 translate по оси X. Видимо просто ставится задержка и, возможно, функция смягчения.

[Валерий]

Суть одна и та же. Я просто предложил вариант

[Shultc]

Это же программирование — тут есть бесконечное количество вариантов реализации чего угодно! =)

[Николай]

Верно. В общем как оказалось, задача не такая уж и сложная — jsfiddle.net/tkrbJ/
Всем спасибо.

[Валерий]

Щелкните в своем примере туда-сюда быстрее, чем пройдет анимация, и один квадрат останется на «той стороне»

[Николай]

Мне честно говоря сложно понять, почему такое возникает, видимо что-то перекрывает друг-друга в цепочке тайм-аутов. Но можно поставить так называемый «светофор», чтобы нельзя бы щелкнуть назад пока не выполнится анимация вперед :)

Answer 2

[egorinsk]

> Из попыток вытащить

Как это по-русски.

Answer 3

[Валерий]

Обычный слайдер. Только при анимации увеличивайте, и затем уменьшайте padding-left/right