Как в фенсибокс 3 поставить стрелки навигации рядом с картинкой, а не вверху?

Question

[Роман]

Как в фенсибокс 3 поставить стрелки навигации рядом с картинкой, а не вверху? В прошлой версии фенсибокс стрелки навигации были рядом с картинкой

Comments

[Иван]

infobar:false;

[Роман]

Иван, так это убрать стрелки, а как их поставить рядом с картинкой?)

[Алексей Демидов]

Перенести с помощью CSS.
position: absolute;
left: 0;

[Роман]

Алексей Демидов, а если сама картинка не на весь экран а находится по центру?)

Answer 1

[Константин Соколов]

Первым делом прочитать документацию в которой всё описано - fancyapps.com/fancybox/3/docs/#options
Второе - добавить следующий код в js-файл:

$("[data-fancybox]").fancybox({
	arrows : true, //Отображает кнопки навигации по краям экрана
	infobar : false, //При необхходимости - отключает инфорбар вверху (стрелки и счетчик)
	toolbar : true, //При необходимости - включает панель инструментов в правом верхнем углу

	//Включение/отключение кнопок в панели инструментов
	buttons : [
		'slideShow',
		'fullScreen',
		'thumbs',
		'close'
	],
});

Третьим пунктом можно прописать свои css-правила для позиционирования стрелок.
Класс .fancybox-arrow, модификаторы .fancybox-arrow--left и .fancybox-arrow--right