Rebox - красивый лайтбокс для вашего сайта

Итак Rebox. Очень легкий и быстрый лайтбокс для контента. В основном, конечно, для изображений. Для инициализации плагина необходимо только подключить библиотеку JS и CSS. Плагин распространяется бесплатно по лицензии MIT.

Инициализация.

Для создания лайтбокса для каждого изображения индивидуально:

$('#gallery1 a').rebox();

Для создания лайтбокса для галереи изображений:

$('#gallery2').rebox({ selector: 'a' });

Параметры плагина:

{
    theme: 'rebox',        // Класс темы внешнего вида лайтбокса
    selector: null,        // селектор CSS, который нужно включить в тег a с тегом 

    prev: '←',        // Надпись на кнопке перехода к предыдущему изображению
    next: '→',        // Надпись на кнопке перехода к следующему изображению
    loading: '%',          // изображение или текст для вставки в иконку загрузки изображения
    close: '×',      // изображение или текст для кнопки "Закрыть"
    speed: 600,            // скорость появления лайтбокса
    zIndex: 1000,          // z-index для отображения лайтбокса
    cycle: true,           // круглые кнопки или нет
    captionAttr: 'title'   // подпись под изображением
    template: 'image',     // шаблон для вывода контента
    templates: {           // определение шаблона для вывода элементов лайтбокса function($item, settings)
        image: function($item, settings, callback){ 
            return $('

').load(callback);
        }
    }
}

Нашли этот замечательный плагин ЗДЕСЬ, там же Вы сможете посмотреть примеры работы.

Оставить заявку

Как связаться?

Тел: +7-910-223-20-27
Email: info@groupbw.ru
skype: litvinov.d1