Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Инструменты, статьи и уроки для создания эффекта параллакса

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

Смотреть пример

3D Параллакс-эффект

Смотреть пример

Ссылка на источник: splashnology.com




Комментарии

  1. Galka
    Thumb up Thumb down +3

    Ачуметь!!!

    Ответить

  2. Op
    Thumb up Thumb down +1

    Да думал все у кого такое видел сами делают ето

    Ответить

  3. Александр
    Thumb up Thumb down +3

    jQuery Scroll Path демка больше всех впечатлила *THUMBS UP*

    Ответить

  4. Керя
    Thumb up Thumb down 0

    Супер! Класс! Ща забабахаю какой-нибудь сайт с паралаксом))

    Ответить

  5. ufaset
    Thumb up Thumb down 0

    Давно ищу способ простого применения параллакс-эффекта к любому блоку на сайте, т.е. слайдер-параллакс и параллакс в блоке с жестко заданными сторонами не подходят. Думал уж нашел, а фиг там.

    Попробовал приделать плагин Scrolling parallax jQuery plagin к блоку меню: в фф работает, а под хромом и оперой нет. С изображением проблем нет никаких... Кто-нибудь работал с этим плагином, или знает рабочий аналог?

    Ответить

  6. s0v0k
    Thumb up Thumb down 0

    я недавно тоже параллаксом заболел.

    долго тыкался с разными примерами. кое как внедрил себе в вордпресс. теперь осталось картинки придумать более внятные. в настоящий момент там пробники висят. во всех бразерах идет вроде. kosyrev.info

    Ответить

    Gramatton Ответ:

    Thumb up Thumb down 0

    Ахаха) Особо порадовал заголовок "Какова цвета вы хотите заказать сайт? " Школьники-бизнесмены)

    Ответить

    s0v0k Ответ:

    Thumb up Thumb down 0

    :P школота рвется к власти!

    Ответить

    ufaset Ответ:

    Thumb up Thumb down 0

    скорее школота рвется к легкому баблу =))

    Ответить

  7. asg
    Thumb up Thumb down 0

    Все примеры для сайтов фиксированной и заранее известной высотой страницы.

    Может кто встречал реализацию для CMS? Т.е. в случае с динамически создаваемым контентом? *HELP*

    Ответить

Оставить ответ


+ три = 11

Вставить изображение