Как реализована анимация на сайте?

[freeeeez]

Хотел взять за основу для сайта эту анимацию http://beta.rallyinteractive.com/ Как это реализовано? Лента и перетаскивание мышкой?

[Вадим Мошев]

Перетаскивание - это просто большой слайдер, реализованный с помощью jQuery, если не ошибаюсь

[freeeeez]

jquery в коде не подгружается нигде...

[freeeeez]

там вообще как то странно все, по началу грузится пустой шаблон, а в него вроде загружаются постранично слайды, только скрипт который это делает я не нашел. видимо реально на jquery, только его как то скрытно подключают. беда в том что не понимаю как эту ленту "оживить" и не разрывать при пролистывании...

[Naive]

jQuery тут не при чем. Просто хороший паралакс, сделанный умелыми руками.
Просто нужно обладать мозгом, пространственным мышлением, чувством прекрасного, фантазией и умением не трахать другим людям мозг на предмет "да полюбому это можно сделать через jQuery в 2 строчки".
Делай, экспериментируй и когда-нибудь получится не хуже.
п.с. у jQuery самая стремная встроенная анимация из возможных. Лучше брать из плагина jq-ui.
п.п.с. к данному примеру анимация (из jq или jq-ui) не лепится никаким боком, там свое.

[freeeeez]

Да я вроде нормально спросил, никому мозг не трахаю. Ты лучше скажи, как скопировать эффект правильно раз ты шаришь? Там ничего придумывать не надо, уже все отрисовано и двигается, скрипт управления лентой я нашел. Цвета прям из кода меняются на странице. Просто если скопировать код страницы - запускается только первый слайд и все, ни куда не перейти (ни вниз пролистать, ни в право/лево).

[Stanislav]

Вадим и Найв правы от себя добавлю.

1. раз это работает значит скрипты есть - анализируйте четче.
2. гуглите что нибудь вроде slider drag-and-drop или paralax drag-and drop

и не гонитесь за красотой, учитесь и со временем все у вас получится

[Naive]

Ок, поумничаю, на фоне канвас (100%), возможно webGL(60%), но такое можно сделать и без реального 3д, так что не факт. Контент не трудно двигать и отступами,позиционированием, трансформом (тысячи способов после смерти ие6).
Что выбирать - зависит от программиста.
Как конкретно этот пример сделан? Хорошо сделан, красиво и органично. Я бы сделал также, но не факт что теми же методами.
Изучай не то как сделано, а то, как можно сделать, тут путь к успеху.

[uberchel]

ТС там все скрипты в одном файле http://com.rallyinteractive.cdn.s3.amazona ws.com/js/rally.min.js и написаны они на чистом Javascript для демонстрации работы библиотеки Modernizr - которая определяет возможности браузера на лету, т.е при исполнения скрипта. вот так вот!