Reg.ru: домены и хостинг
Крупнейший регистратор и хостинг-провайдер в России.
Более 2 миллионов доменных имен на обслуживании.
Продвижение, почта для домена, решения для бизнеса.
Более 700 тыс. клиентов по всему миру уже сделали свой выбор.
Бесплатный Курс "Практика HTML5 и CSS3"
Освойте бесплатно пошаговый видеокурс
по основам адаптивной верстки
на HTML5 и CSS3 с полного нуля.
Фреймворк Bootstrap: быстрая адаптивная вёрстка
Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.
Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.
Верстайте на заказ и получайте деньги.
Бесплатный курс "Сайт на WordPress"
Хотите освоить CMS WordPress?
Получите уроки по дизайну и верстке сайта на WordPress.
Научитесь работать с темами и нарезать макет.
Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!
*Наведите курсор мыши для приостановки прокрутки.
Основы работы с плагином Fancybox для jQuery
|
|
Размер: 97,1 Мб. Длительность: 24 мин. 17 сек. |
Fancybox - это плагин jQuery, предназначенный для работы с элементами web-страницы. Типичные варианты использования: работа с одиночными изображениями, с группой изображений для создания красивых галерей, а также для вывода в popover-окна разнообразного контента.
Плагин прост в установке и настройке. В комплекте с архивом идет демонстрационный файл, в котором можно "подсмотреть" интересующие моменты.
Fancybox позволяет использовать эффектные смены изображений, позволяет прокручивать элементы галереи с помощью колесика мыши, гибко настраивать параметры для различных галерей даже в пределах одной страницы.
Большое количество настроек позволяют регулировать такие вещи, как:
- расстояние между контентом popover-окна и границей содержащего блока;
- отступы от нижнего и верхнего краев блока до границ экрана;
- возможность спрятать окно при клике по контенту;
- возможность спрятать окно при клике по любой части страницы;
- затемнение страницы и цвет этого затемнения;
- прозрачность затемнения страницы;
- эффекты появления и "выхода" окна;
- скорость протекания эффектов;
- скорость изменения размера картинки при просмотре галереи;
- отображение / скрытие кнопки "закрыть";
- отображение / скрытие стрелок навигации при работе с галереей;
- закрытие окна по нажатию "Esc";
- местоположение названия картинки;
- возможность "зациклить" галерею и многое другое.
Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.
P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить практические навыки веб-программирования:
Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!
Смотрите также:
|
|
50 классных сервисов, программ и сайтов для веб-разработчиков |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
