Lightbox, Fancybox

Добавляет возможность масштабирования изображений типа Lightbox.

Возможности:

  • 1. Общие настройки:
    • - возможность включения/отключения подключения библиотеки jQuery;
    • - возможность включения/отключения подключения библиотеки для работы колесика мыши;
    • - возможность включения/отключения подключения библиотеки для Easing анимаций.
  • 2. Настройки Fancybox:
    • - возможность включения/отключения Fancybox;
    • - возможность установки обертки jQuery для инициализации работы Fancybox;
    • - возможность установки пространства внутри Fancybox вокруг содержания сверху (в пискелях);
    • - возможность установки пространства внутри Fancybox вокруг содержания справа (в пискелях);
    • - возможность установки пространства внутри Fancybox вокруг содержания снизу (в пискелях);
    • - возможность установки пространства внутри Fancybox вокруг содержания слева (в пискелях);
    • - возможность установки минимального пространства между видимой областью и fancybox сверху (в пискелях);
    • - возможность установки минимального пространства между видимой областью и fancybox справа (в пискелях);
    • - возможность установки минимального пространства между видимой областью и fancybox снизу (в пискелях);
    • - возможность установки минимального пространства между видимой областью и fancybox слева (в пискелях);
    • - возможность установки ширины по умолчанию для "iframe" и "swf" контента. Также для "инлайн", "AJAX" и "HTML".(в пикселях);
    • - возможность установки высоты по умолчанию для "iframe" и "swf" контента. Также для "инлайн", "AJAX" и "HTML".(в пикселях);
    • - возможность установки минимальной ширины Fancybox при динамическом изменении размеров (в пикселях);
    • - возможность установки минимальной высоты Fancybox при динамическом изменении размеров (в пикселях);
    • - возможность установки максимальной ширины Fancybox при динамическом изменении размеров (в пикселях);
    • - возможность установки максимальной высоты Fancybox при динамическом изменении размеров (в пикселях);
    • - возможность включения/отключения автоматического просчета размеров;
    • - возможность включения/отключения автоматического перерасчета размеров при изменении окна браузера;
    • - возможность включения/отключения изменения размера Fancybox в соответствии с видимой областью браузера;
    • - возможность включения/отключения установки размера исходя из коэффициентного соотношения ширины и высоты контента;
    • - возможность установки соотношения для горизонтальной центровки;
    • - возможность установки соотношения для вертикальной центровки;
    • - возможность включения/отключения создания или скрытия полос прокрутки;
    • - возможность установки класса CSS для обертывания элемента;
    • - возможность включения/отключения отображения навигационных стрелок;
    • - возможность включения/отключения отображения кнопки закрытия;
    • - возможность включения/отключения закрытия Fancybox при клике на контент;
    • - возможность включения/отключения перехода к следующему пункту галереи при клике на контент;
    • - возможность включения/отключения использования колеса мыши при навигации по галерее;
    • - возможность включения/отключения слайдшоу;
    • - возможность установки показа 1 слайда (в секундах);
    • - возможность установки количества изображений галереи для предварительной загрузки;
    • - возможность включения/отключения навигации и кнопки закрытия (окно Fancybox становится модальным);
    • - возможность включения/отключения циклической навигации;
    • - возможность включения/отключения попытки избежать горизонтальной прокрутки для фреймов и HTML содержания скриптом;
    • - возможность установки эффекта при открытии изображения;
    • - возможность установки длительности анимации при открытии изображения (в секундах);
    • - возможность установки типа анимации при открытии изображения;
    • - возможность включения/отключения использования прозрачности при открытии изображения (только для ellastic эффекта);
    • - возможность установки метода Fancybox переходов при открытии изображения;
    • - возможность установки эффекта при закрытии изображения;
    • - возможность установки длительности анимации при закрытии изображения (в секундах);
    • - возможность установки типа анимации при закрытии изображения;
    • - возможность включения/отключения использования прозрачности при закрытии изображения (только для ellastic эффекта);
    • - возможность установки метода Fancybox переходов при закрытии изображения;
    • - возможность установки эффекта при нажатии на кнопку для пролистывания следующего изображения;
    • - возможность установки длительности анимации при нажатии на кнопку для пролистывания следующего изображения (в секундах);
    • - возможность установки типа анимации при нажатии на кнопку для пролистывания следующего изображения (в секундах);
    • - возможность установки метода Fancybox переходов при нажатии на кнопку для пролистывания следующего изображения;
    • - возможность установки эффекта при нажатии на кнопку для пролистывания предыдущего изображения;
    • - возможность установки длительности анимации при нажатии на кнопку для пролистывания предыдущего изображения (в секундах);
    • - возможность установки типа анимации при нажатии на кнопку для пролистывания предыдущего изображения (в секундах);
    • - возможность установки метода Fancybox переходов при нажатии на кнопку для пролистывания предыдущего изображения;
    • - возможность включения/отключения использования миниатюр изображений в галерее;
    • - возможность установки ширины миниатюры изображения в галерее;
    • - возможность установки высоты миниатюры изображения в галерее;
    • - возможность установки выбора отображения заголовка;
    • - возможность включения/отключения отображения кнопок управления галереей;
    • - возможность включения/отключения использования вывода Fancybox для медиа-контента.
  • 3. Настройки Lightbox:
    • - возможность включения/отключения Lightbox;
    • - возможность установки обертки jQuery для инициализации работы Lightbox.

Демонстрация

  • 2. Lightbox
Вся коллекция видео собрана на данном сайте.