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

Question

[Павел]

сейчас по умолчанию в fancybox 3 есть панель закрытия с кнопкой фулскрин , а как задать параметры чтоб было как у инлайнового контента? Обычный крестик?
https://codepen.io/fancyapps/pen/NjXbXw
пример 1 и 3

Answer 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>',

Comments

[Павел]

я имел введу немного не это , joxi.ru/VrwYlvJSKjM632 вот так должно быть , а у меня когда вызываю картинку вот так joxi.ru/n2Yd59oCj78Eam . то есть нечего нет и насколько я понял шаблон тут не поможет