fancybox API

Автор: Aport Понедельник, Февраль 2nd, 2015 Нет комментариев

Рубрика: Уроки JavaScript

Решил выложить перевод 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

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

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

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