fancybox — Как убрать кнопку закрытия и перетаскивание попапа

В данной заметке вы узнаете как убрать drag событие мыши и скрыть кнопку Закрыть.

Убираем touch событие в fancybox

Чтобы убрать это событие вам необходимо передать простой параметр. Чуть ниже рассмотрим пример вызова попапа «на лету». То есть физически его не будет в коде, только в js.

Параметр убирающий это событие называется touch:

'touch' : false,

Как убрать кнопку закрыть в fancybox

Чтобы убрать кнопку вы конечно можете написать стили, но это не самый лучший вариант. В зависимости от версии есть несколько способов как ее скрыть. Мне помог такой параметр:

'modal' : true,

Обратите внимание, после установки этого параметра вам нужно как-то по другому закрывать попап. Либо вешать обработчик на кнопку внутри фансибокс, либо писать js.

Как создать попап в fancybox

Для этого воспользуемся стандартным способом данной библиотеки. Полный код будет выглядеть так:

$(function(){
	$.fancybox.open([
		'Текст вашего попапа. Тут также может быть HTML написанный в 1 строку'
	],
	{
		'touch' : false,
		'modal' : true,
	}
	);
});

Как видите, мы передали не только содержимое попапа, но и параметры. При помощи параметров вы можете увеличивать и уменьшать размер окна — иногда это очень полезная опция. Подробнее о параметрах и возможностях вы можете прочитать в официальной документации — fancyapps.com.

автор: Dmitriy

Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.ru

Пишите, отвечу на любые вопросы.
E-mail: dmitriyribka@gmail.com

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *