jParallax — псевдо 3D интернет
Как-то я видел забавный дизайн с обезьяной, позади которой очень занимательный фон который динамически менялся при изменении размера окна брузера.
Это достигалось за счет движения нескольких параллельных слоев.
С помощью этого эффекта можно создавать множество очень интересных штук(ссылки на интересные штуки прилагаются ниже).
Кроме того, я хочу поделится с вами очень интересным скриптом который практически автоматизирует процесс создания параллельных слоев.
jParallax
Как Вы уже, скорее всего, заметили по приставке «j», это ничто иное как плагин для jQuery.
jParallax захватывает дочерние элементы блока, к которому нужно применить этот эффект, и передвигает их при наведении и перемещении мыши.
Размер в несжатом виде всего 12 килобайт.
Работаем с jParallax
jParallax, как и практически все плагины для jQuery, сводят всю возню с кодом на нет.
Для начала мы должны скачать саму библиотеку и подключить ее к вашей страничке.
Затем создаем блок, к примеру, с id parallax, в котором будут находится несколько изображений к которым вы хотите применить этот эффект.
Теперь дописываем строчку, после которой всё уже, в принципе, работает:
jQuery('#parallax').jparallax();Кроме того можно изменять скорость анимации, положение слоев по умолчанию и т.п., о чем вы можете весьма подробно почитать на оф. сайте плагина.
Красиво, думаю даже можно использовать каким нибудь образом
Очень красиво! думаю использовать для сайта вебстудии)
Эффект потрясающий. А какой практический эффект можно с этого поиметь? я на нем текст могу написать?
Текст писать возможно.
ERROR
The requested URL could not be retrieved
для всех 4ёх урлов
А у меня сайт разработчиков не открывается! :’(
Может, «Собственной персоной» выложит примерчик тут, в блоге? ;)
Блин, а у меня не одно демо не заработало. Где еще можно на это посмотреть?
Аналогично:
ERROR
The requested URL could not be retrieved
А у меня всё ок. Хороший плагин!
2Render
я тебя нигде не видел, нет?
Мило! Спасибо, Егор Дмитриевич! Бум осваивать)))
А как у них с кроссбраузерностью?
У меня Maxthon ругается и не хочет показывать.
Или это глюк сайта?
при просмотре примеров при скорости доступа 40,0 Кбит/сек. получается полная лажа! картинки загружаются очень медленно и всего обещанного эффекта я не наблюдал. кстати на сайте был красивый дизайн с плывущими (движущимися) облаками.
здравствуйте , скажите … а поверх данного бэкграунда, можно ставить кнопки для входа в определённое меню , например.
заранее благодарю
Конечно можно. Просто создать блок поверх и готово.
оч понравилось, только вот установить к себе тяжеловато…
Классный эффект, вот только установить бы)))