В новых версиях Joomla существуют расширенные возможности для вывода любого контента в отдельном окне - JHTML::_( 'behavior.modal' ). Для того, чтобы на сайте заработал lightbox, достаточно просто добавить в файл index.php в между тегами <head> и </head> шаблона следующий код:
<?php JHTML::_('behavior.modal'); ?>
Теперь можно вывести контент в модальных окнах.
Модальное окно в Joomla для одной картинки
Для вывода фото в модальном окне мы обязательно указываем класс modal и ссылку на оригинальное изображение:
<a class="modal" title="Заголовок изображения" href="/images/pic800.jpg"><img src="/images/pic120.jpg"></a>
Модальное окно в Joomla для контента
Для вывода в лайтбоксе материала мы также указываем класс modal, ссылку на нужную страницу и размер модального окна:
<a href="/..." class="modal" rel="{handler: 'iframe', size: {x: 620, y: 480}}">ссылка на lightbox 620x480px</a>
В конце ссылки вставляем:
?tmpl=component
Пример ссылки:
href="/ваша-страница.html?tmpl=component"
