В данной заметке вы узнаете как убрать drag событие мыши и скрыть кнопку Закрыть.
Убираем touch событие в fancybox
Чтобы убрать это событие вам необходимо передать простой параметр. Чуть ниже рассмотрим пример вызова попапа “на лету”. То есть физически его не будет в коде, только в js.
Параметр убирающий это событие называется touch:
'touch' : false,
Как убрать кнопку закрыть в fancybox
Чтобы убрать кнопку вы конечно можете написать стили, но это не самый лучший вариант. В зависимости от версии есть несколько способов как ее скрыть. Мне помог такой параметр:
'modal' : true,
Обратите внимание, после установки этого параметра вам нужно как-то по другому закрывать попап. Либо вешать обработчик на кнопку внутри фансибокс, либо писать js.
Как создать попап в fancybox
Для этого воспользуемся стандартным способом данной библиотеки. Полный код будет выглядеть так:
$(function(){
$.fancybox.open([
'Текст вашего попапа. Тут также может быть HTML написанный в 1 строку'
],
{
'touch' : false,
'modal' : true,
}
);
});
Как видите, мы передали не только содержимое попапа, но и параметры. При помощи параметров вы можете увеличивать и уменьшать размер окна – иногда это очень полезная опция. Подробнее о параметрах и возможностях вы можете прочитать в официальной документации – fancyapps.com.
