Основы работы с плагином Fancybox для jQuery

Размер: 97,1 Мб.

Длительность: 24 мин. 17 сек.

Скачать видеоурок

Fancybox - это плагин jQuery, предназначенный для работы с элементами web-страницы. Типичные варианты использования: работа с одиночными изображениями, с группой изображений для создания красивых галерей, а также для вывода в popover-окна разнообразного контента.

Плагин прост в установке и настройке. В комплекте с архивом идет демонстрационный файл, в котором можно "подсмотреть" интересующие моменты.

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

Большое количество настроек позволяют регулировать такие вещи, как:

- расстояние между контентом popover-окна и границей содержащего блока;
- отступы от нижнего и верхнего краев блока до границ экрана;
- возможность спрятать окно при клике по контенту;
- возможность спрятать окно при клике по любой части страницы;
- затемнение страницы и цвет этого затемнения;
- прозрачность затемнения страницы;

Хостинг

- эффекты появления и "выхода" окна;
- скорость протекания эффектов;
- скорость изменения размера картинки при просмотре галереи;
- отображение / скрытие кнопки "закрыть";
- отображение / скрытие стрелок навигации при работе с галереей;
- закрытие окна по нажатию "Esc";
- местоположение названия картинки;
- возможность "зациклить" галерею и многое другое.

Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.


P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить практические навыки веб-программирования:

Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!


Смотрите также:

50 классных сервисов, программ и сайтов для веб-разработчиков

50 классных сервисов, программ и сайтов для веб-разработчиков

Как прописать DNS-серверы для домена?

Как прописать DNS-серверы для домена?

Как создать почтовый ящик со своим доменом?

Как создать почтовый ящик со своим доменом?

Как купить занятый домен?

Как купить занятый домен?

Как продлить доменное имя?

Как продлить доменное имя?

Как выбрать и зарегистрировать домен?

Как выбрать и зарегистрировать домен?

10 вещей, которые сведут с ума посетителей вашего сайта

10 вещей, которые сведут с ума посетителей вашего сайта

Добавляем будильник к цифровым часам на CSS3 и jQuery

Добавляем будильник к цифровым часам на CSS3 и jQuery

Как сделать цифровые часы с помощью CSS3 и jQuery?

Как сделать цифровые часы с помощью CSS3 и jQuery?

Плавная прокрутка страницы вверх на jQuery

Плавная прокрутка страницы вверх на jQuery

JavaScript без jQuery: 10 советов

JavaScript без jQuery: 10 советов

Наверх