WT Fancybox.js

Описание

Это плагин для Joomla-разработчиков. Он позволяет в любом месте Joomla 4+ использовать Fancybox.js: в модулях, компонентах, плагинах.

Для этого в Вашем коде используйте:

<?php
use Joomla\CMS\Factory;

$wa = Factory::getApplication()->getDocument()->getWebAssetManager();
$wa->usePreset('wtfancybox'); // Local file 
$wa->usePreset('wtfancybox-remote'); // Use from CDN

Плагин можно использовать как зависимость при разработке своих расширений для Joomla 4+. Плагин использует систему обновления Joomla 4+.

Быстрый старт

Пример из официальной документации. Разметка:

<a href="/image-a.jpeg" data-fancybox data-caption="Single image">
  <img src="/thumbnail-a.jpeg" />
</a>

Javascript. Лучше обернуть вызов скрипта в DOMContentLoaded.

document.addEventListener('DOMContentLoaded', () => {
	Fancybox.bind("[data-fancybox]", {
        // Your custom options
        });
});