Lightbox ефект в joomla

SqueezeBox це реалізація Lightbox в Joomla

Для його застосування в head область index.php файл шаблону потрібно додати наступний код:

Цей код додасть в HTML код сторінки наступний скрипт:

Тепер для застосування Lightbox ефекту потрібно додати в матеріал наступний код:

Даний HTML код використовується для відображення картинки у спливаючому вікні. Його також можна використовувати і для відображення сторінки з поточного сайту. Щоб у спливаючому вікні був тільки сам матеріал, а не вся сторінка, потрібно в параметри посилання додати? Tmpl = component або tmpl = component

Щоб відкрити сторінку у спливаючому вікні з іншого сайту, потрібно використовувати код:

або для php коду:

Станиця буде відкрита в плаваючому фреймі. Якщо це матеріал з сайту Joomla, також можна використовувати параметр tmpl = component. Правда, в цьому випадку у спливаючому Кадр не будуть завантажені таблиці стилів і, відповідно, матеріал буде виглядати не зовсім так, як він виглядає на віддаленому сайті.

Якщо ми хочемо відкрити матеріал з поточного сайту в плаваючому фреймі, потрібно в розмітку компонента змісту components / com_content / views / article / tmpl / default.php додати код:

Додавання даного коду збереже форматування матеріалу.

Або краще скопіювати файл розмітки в папку шаблону html / com_content / article /

behavior.modal річ хороша, але як до цього класу прикрутити лупу при наведенні миші на картинку, що б було зрозуміло, що картинка клікабелье.

Додав в head шаблону код.
. коротше, все працює, тільки проблема в тому, що при відкритті зображення сторінка сайту прокручується вгору ((

знайшов рішення, в файлі template.css знайти рядок overflow-y: і надати йому значення none