|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
12.05.2015, 21:23 | #1 |
Пользователь
Регистрация: 20.12.2010
Сообщений: 55
|
Как реализована анимация на сайте?
Хотел взять за основу для сайта эту анимацию http://beta.rallyinteractive.com/ Как это реализовано? Лента и перетаскивание мышкой?
|
12.05.2015, 21:41 | #2 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
Перетаскивание - это просто большой слайдер, реализованный с помощью jQuery, если не ошибаюсь
|
12.05.2015, 21:44 | #3 |
Пользователь
Регистрация: 20.12.2010
Сообщений: 55
|
jquery в коде не подгружается нигде...
|
12.05.2015, 22:30 | #4 |
Пользователь
Регистрация: 20.12.2010
Сообщений: 55
|
там вообще как то странно все, по началу грузится пустой шаблон, а в него вроде загружаются постранично слайды, только скрипт который это делает я не нашел. видимо реально на jquery, только его как то скрытно подключают. беда в том что не понимаю как эту ленту "оживить" и не разрывать при пролистывании...
|
12.05.2015, 22:45 | #5 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
jQuery тут не при чем. Просто хороший паралакс, сделанный умелыми руками.
Просто нужно обладать мозгом, пространственным мышлением, чувством прекрасного, фантазией и умением не трахать другим людям мозг на предмет "да полюбому это можно сделать через jQuery в 2 строчки". Делай, экспериментируй и когда-нибудь получится не хуже. п.с. у jQuery самая стремная встроенная анимация из возможных. Лучше брать из плагина jq-ui. п.п.с. к данному примеру анимация (из jq или jq-ui) не лепится никаким боком, там свое.
Alar, верни репу!
|
12.05.2015, 22:53 | #6 |
Пользователь
Регистрация: 20.12.2010
Сообщений: 55
|
Да я вроде нормально спросил, никому мозг не трахаю. Ты лучше скажи, как скопировать эффект правильно раз ты шаришь? Там ничего придумывать не надо, уже все отрисовано и двигается, скрипт управления лентой я нашел. Цвета прям из кода меняются на странице. Просто если скопировать код страницы - запускается только первый слайд и все, ни куда не перейти (ни вниз пролистать, ни в право/лево).
|
12.05.2015, 23:00 | #7 |
Квадрокоптерист
Участник клуба Подтвердите свой е-майл
Регистрация: 29.09.2007
Сообщений: 1,824
|
Вадим и Найв правы от себя добавлю.
1. раз это работает значит скрипты есть - анализируйте четче. 2. гуглите что нибудь вроде slider drag-and-drop или paralax drag-and drop и не гонитесь за красотой, учитесь и со временем все у вас получится
Я часть той силы, что вечно хочет зла, но вечно совершает благо..
|
12.05.2015, 23:15 | #8 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Ок, поумничаю, на фоне канвас (100%), возможно webGL(60%), но такое можно сделать и без реального 3д, так что не факт. Контент не трудно двигать и отступами,позиционированием, трансформом (тысячи способов после смерти ие6).
Что выбирать - зависит от программиста. Как конкретно этот пример сделан? Хорошо сделан, красиво и органично. Я бы сделал также, но не факт что теми же методами. Изучай не то как сделано, а то, как можно сделать, тут путь к успеху.
Alar, верни репу!
|
13.05.2015, 04:37 | #9 |
Участник клуба
Регистрация: 19.01.2009
Сообщений: 1,457
|
ТС там все скрипты в одном файле http://com.rallyinteractive.cdn.s3.amazona ws.com/js/rally.min.js и написаны они на чистом Javascript для демонстрации работы библиотеки Modernizr - которая определяет возможности браузера на лету, т.е при исполнения скрипта. вот так вот!
Последний раз редактировалось Вадим Мошев; 13.05.2015 в 10:36. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
функция crt window не реализована | dimka123 | Паскаль, Turbo Pascal, PascalABC.NET | 13 | 24.09.2014 17:05 |
не правильно реализована программа, взываю) | Hikerr | Паскаль, Turbo Pascal, PascalABC.NET | 8 | 23.05.2013 21:59 |
Анимация Поплавка как реализовать? | KWN, lnc | WordPress и другие CMS | 1 | 25.06.2012 00:21 |
Как делается анимация ? | alex(21) | Gamedev - cоздание игр: Unity, OpenGL, DirectX | 13 | 21.08.2009 11:23 |
Ошибка: Дополнительная возможность не реализована | Абдуллаев Рустам | БД в Delphi | 9 | 10.05.2009 14:24 |