Рейтинг:  0 / 5

Звезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна
 
Авторизация во всплывающем окне

А вы знаете, что обычное всплывающее окно в Джумле поддерживается стандартной сборкой? Всплывающее окно ещё по-другому называют окно модальное. Для того, чтобы картинка, текст или другой сайт просто открылись в лайтбоксе, не нужно скачивать тяжёлые компоненты, модули и плагины. В Джумле очень много встроенных возможностей в стандартной сборке, о которых знают всё лишь разработчики и те, кто читает документацию.

Модальное окно в Joomla

Самое первое, что необходимо сделать, это подключить lightbox к нашему шаблону. Для этого перед закрытием тега head в файле index.php вашего шаблона, который используется сейчас на сайте прописать следующую строку, то есть функцию вызова модального окна:

<?php JHTML::_('behavior.modal'); ?>

Теперь можем открывать полное изображение маленькой картинки во всплывающем окне. Например, чтобы при клике на маленькую картинку открывалась большая картинка нужно прописать такой код:

<a href="/ссылка на большую картинку" class="modal">маленькая картинка в стандартном теге img</a>

Чтобы во всплывающем окне (лайтбоксе) открылся какой-нибудь контент, например, статья, нужно прописать так:

<a  href="/ссылка на страницу"  class="modal" rel="{handler: 'iframe', size: {x: 575, y: 300}}">ссылка на lightbox, ширина которого 575px, а высота 300px</a>

Таким образом можно в модальном окне показать как картинку, так и необходимую статью. Чем хорош этот метод, что не нужно устанавливать различные плагины или модули с дополнительными тяжеленными скриптами на сайт, что не очень нравится поисковым системам, ведь сайт должен быть лёгким и грузится за пару секунд!