mrusklon
@mrusklon
Не получается? Яростно гугли!

Как добавить в fancybox 3 кнопку закрыть как у fancybox 1?

сейчас по умолчанию в fancybox 3 есть панель закрытия с кнопкой фулскрин , а как задать параметры чтоб было как у инлайнового контента? Обычный крестик?
https://codepen.io/fancyapps/pen/NjXbXw
пример 1 и 3
  • Вопрос задан
  • 2553 просмотра
Пригласить эксперта
Ответы на вопрос 1
@tyzberd
создайте свой темплейт.
fancyapps.com/fancybox/3/docs/#options
полистайте код, там есть baseTpl
baseTpl	:
		'<div class="fancybox-container" role="dialog" tabindex="-1">' +
			'<div class="fancybox-bg"></div>' +
			'<div class="fancybox-inner">' +
				'<div class="fancybox-infobar">' +
					'<button data-fancybox-prev title="{{PREV}}" class="fancybox-button fancybox-button--left"></button>' +
					'<div class="fancybox-infobar__body">' +
						'<span data-fancybox-index></span>&nbsp;/&nbsp;<span data-fancybox-count></span>' +
					'</div>' +
					'<button data-fancybox-next title="{{NEXT}}" class="fancybox-button fancybox-button--right"></button>' +
				'</div>' +
				'<div class="fancybox-toolbar">' +
					'{{BUTTONS}}' +
				'</div>' +
				'<div class="fancybox-navigation">' +
					'<button data-fancybox-prev title="{{PREV}}" class="fancybox-arrow fancybox-arrow--left" />' +
					'<button data-fancybox-next title="{{NEXT}}" class="fancybox-arrow fancybox-arrow--right" />' +
				'</div>' +
				'<div class="fancybox-stage"></div>' +
				'<div class="fancybox-caption-wrap">' +
					'<div class="fancybox-caption"></div>' +
				'</div>' +
			'</div>' +
		'</div>',
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы