fancybox API

Автор: Aport Четверг, Январь 22nd, 2015 Нет комментариев

Рубрика: Разное

Решил выложить перевод API по работе с фэнсибоксом, наверняка пригодится не одному мне.padding - отступ между контетом и краем окна Fancybox (по умолчанию 10)

margin - отступ между краем окна Fancybox и краем окна браузера (по умолчанию 20)

opacity - прозрачность фона (по умолчанию false). Не понятный параметр, не получилось его применить :(

modal - вывод как модальное окно (по умолчанию false).

cyclic - циклирование галереи (по умолчанию false). Т.е. если дошло до последнего, то переходит на первый элемент

scrolling - отвечает за показ полосы прокрутки (по умолчанию ‘auto’). Может принимать значение ‘auto’, ‘yes’, ‘no’

width - ширина окна для вывода во фрейме (по умолчанию 560)

height - высота окна для вывода во фрейме (по умолчанию 340)

autoScale - вывод пропорционально уменьшенной копии фотографии (по умолчанию true), подогнанной под размер окна браузера

centerOnScroll - центрирование окна вывода независимо от положения скролла (по умолчанию false)

swf - Flashvars для FLASH-роликов (по умолчанию {wmode: ‘transparent’})

hideOnOverlayClick - закрытие окна, если был клик вне окна (по умолчанию true)

hideOnContentClick - закрытие окна, если был клик по окну (по умолчанию false)

overlayShow - затемнение общего фона страницы (по умолчанию true)

overlayOpacity - степень прозрачности затемненного общего фона страницы (по умолчанию 0.3). Значение от 0 (прозрачен) до 1 (не прозрачен)

overlayColor - цвет затемненного общего фона страницы (по умолчанию ‘#666′)

titleShow - вывод описания, если оно задано (по умолчанию true)

titlePosition - позиция вывода описания (по умолчанию ‘outside’). Может принимать значения ‘outside’ (под окном вывода), ‘inside’ (снизу в окне под фотографией) или ‘over’ (снизу в окне на фотографии)

transitionIn, transitionOut - анимация перехода состояния (по умолчанию ‘fade’). Может принимать значения ‘elastic’ (окно появляется из точки), ‘fade’ (через прозрачность) или ‘none’ (нет).

speedIn, speedOut - скорость открытия/закрытия окна в милиисекундах (по умолчанию 300)

changeSpeed - скорость перехода от одного элемента галереи к другому в милиисекундах (по умолчанию 300)

changeFade - скорость изменения прозрачности при переходе от одного элемента галереи к другому (по умолчанию ‘fast’). Может принимать значения ‘fast’ и ‘slow’

showCloseButton - флаг показа кнопки закрытия окна (по умолчанию true)

showNavArrows - флаг показа кнопок навигации (по умолчанию true)

enableEscapeButton - флаг нажатия Escape для закрытия окна (по умолчанию true)

И еще, если Вы используете fancybox в качестве модального окна в котором редактируется текст в полях INPUT, то наверняка заметили, что при клике на клавеатуре клавишь влево-вправо — курсор не перемещается! Многие думают, что это баг, кто-то переписывает исходник, а на самом деле разработчик fancybox просто намеренно запретил использовать эти клавиши, т.к. применяет их при просмотре галлерей. Однако, если Вы хотите разрешить клики влево-вправо, то при вызове модельного окна применяйте настройку:

«onComplete»: function(){ $(document).unbind(«keydown.fb»); }

Все проще, чем кажется, а Вам пригодилось?

 

Источник: yapro.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты