fancybox API

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

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

Оцени публикацию:
  • 30,135
Оценили человек: 30
Теги : fancybox input text left right

Похожие статьи:

Справочники и учебники:


Комментарии посетителей:
  • opacity - прозрачность во время анимации 'elastic'
    25 января 2011, 09:28 коммент полезен : 0 # Павел
    • спасибо за заметку
      09 февраля 2011, 14:19 коммент полезен : 0 # Admin
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Веб-мастеру » JavaScript »