21.12.2018

Плагин Colorbox (jQuery)

Параметры colorbox()

Название параметра Описание значение по умолчанию
transition Эффект перехода "elastic", "fade", "none"
speed Скорость перехода в млс 350
href Используется для определения альтернативного url false
title Переопределение заголовка (по умолчанию берется из title) false
rel Определение групп, nofollow - отменяет группировку false
width Внешняя ширина окна (+бордюр и навигация) false
height Внешняя высота окна (+бордюр и навигация) false
innerWidth Ширина изображения false
innerHeight Высота изображения false
initialWidth Начальная ширина окна 300
initialHeight Начальная высота окна 100
maxWidth Максимальная ширина контента false
maxHeight Максимальная высота контента false
scalePhotos Растянет фото до размеров, указанных в параметрах maxWidth, maxheight, innerWidth, innerHeight, width, height true
scrolling При значении false обрежет "лишний" контент, иначе покажет скролл true
iframe При значении true, контент будет загружен в iframe false
inline Если стоит true, можно использовать jQuery селекторы для вывода контента с текущей страницы: jQuery("#inline").colorbox({inline:true, href:"#myForm"}); false
html Можно выводить данные, не подгружая: jQuery.colorbox({html:'

Hello

'});
false
photo "заставить" плагин воспринимать все загружаемые данные как изображения (в случаях, если url имеет вид: photo.jpg#1, photo.jpg?pic=1 или photo.php) false
opacity уровень прозрачности фона 0.85
open при значении true, colorBox автоматически откроет окно false
preloading если используются группы данных, позволяет подгрузить следующие и предыдущие данные true
overlayClose закрытие окна по клику на оверлее true
returnFocus при закрытии colorBox вернет фокус на вызвавший элемент true
escKey разрешает/запрещает закрытие colorBox по клавише esc true
arrowKey разрешает/запрещает переключение между слайдами стрелками вправо и влево true
loop круговой просмотр true
slideshow если установить в true - создаст слайд-шоу для группы false
slideshowSpeed скорость смены кадров в слайд-шоу 2500
slideshowAuto автозапуск слайд-шоу true
current шаблон вывода счетчика данных в группе «image {current} of {total}»
slideshowStart текст для кнопки запуска слайд-шоу «start slideshow»
slideshowStop текст для кнопки остановки слайд-шоу «stop slideshow»
previous текст для кнопки "назад" «previous»
next текст для кнопки "вперед" «next»
close текст для кнопки "закрыть" «close»

Callback-функции:

Название параметра Описание значение по умолчанию
onOpen Событие перед открытием окна false
onLoad Событие перед загрузкой данных false
onComplete Событие после окончания загрузки данных false
onCleanup Событие перед закрытием окна false
onClosed Событие после закрытия окна false
Поделиться: