Инструменты, статьи и уроки для создания эффекта параллакса
7 марта 2012 | Опубликовано в Веб-дизайн | 10 Комментариев »
Cегодня мы бы хотели представить вашему вниманию некоторые ресурсы, с помощью которых можно достичь эффекта параллакса. Здесь вы найдёте плагины JQuery, статьи и уроки. Если вы знаете ещё какие-либо полезные источники на эту тему, пожалуйста, не стесняйтесь, поделитесь с нами. Примеры использования эффекта параллакса можно посмотреть здесь.
Плагины jQuery
jQuery Parallax Image Slider—плагин jQuery для создания слайдера изображений с эффектом параллакса .
Jquery Image Parallax—плагин для прозрачных изображений (PNG, GIF), который создаёт эффект глубины повторяя их и оживляя движением.
Scrolling Parallax: A jQuery Plugin—новый плагин, который создаёт эффект параллакса при прокручивании колёсика мышки .
Scrollorama— jQuery-плагин для создания красивого прокручивающегося материала.
Scrolldeck—jQuery-плагин для презентации одностраничных сайтов.
jParallax—слои перемещаются в зависимости от движения мыши.
Stellar.js—плагин добавляет эффект параллакс-скроллинга для любого элемента.
jQuery Scroll Path—плагин позволяет перемещать объекты по указанному пути.
Curtain.js—этот плагин позволяет создавать станицу с несколькими фиксированными панелями, что создаёт потрясающий эффект, как-будто открываются шторы.
Plax—создаёт эффект параллакса при перемещении мыши для элементов, очень простой и удобный в использовании.
Статьи и уроки
Слайдер с эффектом паралакса при помощи jQuery
Создаём фреймворк для истории с эффектом параллакса
Смотреть пример | Результат здесь
Создаём эффект параллакса при помощи jQuery – Анимированный хедер
В этом уроке мы научимся создавать эффект параллакса при помощи jQuery чтобы сделать анимацию для баннера, который вы будете использовать для Вашего сайта.
Создаём броский фон с эффектом параллакса, используя jQuery
В этом уроке мы научимся создавать при помощи JQuery сайт с горизонтальной прокруткой с эффектом параллакса .
Создаём сайт с эффектом параллакс-скроллинга при помощи jQuery and CSS
Ссылка на источник: splashnology.com
Комментарии
Оставить ответ
Похожие статьи
Самые комментируемые
- Текст из крови в Adobe Photoshop
548 - Текст из воды в Adobe Photoshop 518
- 50 прикольных страниц ошибки 404 92
- Flash и HTML5 для клиентов, разработчиков и пользователей. Откручиваем гайки. 88
- 16 лучших бесплатных графических редакторов 72
- Интервью с fashion-иллюстратором Lilit Sarkisian 64
- 12 сайтов, на которых можно продавать свои работы 62
- Дизайн схемы проезда 62
7 марта 2012 в 16:39
Ачуметь!!!
Ответить
7 марта 2012 в 16:58
Да думал все у кого такое видел сами делают ето
Ответить
7 марта 2012 в 17:55
jQuery Scroll Path демка больше всех впечатлила *THUMBS UP*
Ответить
9 марта 2012 в 1:01
Супер! Класс! Ща забабахаю какой-нибудь сайт с паралаксом))
Ответить
9 марта 2012 в 21:48
Давно ищу способ простого применения параллакс-эффекта к любому блоку на сайте, т.е. слайдер-параллакс и параллакс в блоке с жестко заданными сторонами не подходят. Думал уж нашел, а фиг там.
Попробовал приделать плагин Scrolling parallax jQuery plagin к блоку меню: в фф работает, а под хромом и оперой нет. С изображением проблем нет никаких... Кто-нибудь работал с этим плагином, или знает рабочий аналог?
Ответить
11 марта 2012 в 9:35
я недавно тоже параллаксом заболел.
долго тыкался с разными примерами. кое как внедрил себе в вордпресс. теперь осталось картинки придумать более внятные. в настоящий момент там пробники висят. во всех бразерах идет вроде. kosyrev.info
Ответить
марта 12, 2012 at 10:31 дп
Ахаха) Особо порадовал заголовок "Какова цвета вы хотите заказать сайт? " Школьники-бизнесмены)
Ответить
марта 12, 2012 at 10:37 дп
Ответить
марта 26, 2012 at 11:36 дп
скорее школота рвется к легкому баблу =))
Ответить
28 марта 2012 в 3:00
Все примеры для сайтов фиксированной и заранее известной высотой страницы.
Может кто встречал реализацию для CMS? Т.е. в случае с динамически создаваемым контентом? *HELP*
Ответить