Ninja shadowbox - висновок контенту в красивому спливаючому вікні

Увага: Приклади роботи модуля наведені в цій статті не вже не працюють.

Цей модуль я використовую на даному сайті. Тому щоб зрозуміти як він працює клікніть по зображенню коробки розташованої нижче:

Особливість даного модуля в порівнянні з іншими подібними розширеннями в тому, що його дуже легко використовувати. Він підтримує 33 мови і має 4 різних скіна спливаючого вікна.

функціонал модуля

# 1. Можливість вибору JS бібліотеки для роботи Shadowbox;

За допомогою даного модуля можливо показувати такі види контенту:

# 2. Зображення різних форматів, включаючи найпоширеніші jpg, gif, png;

# 3. Ролики в форматі SWF;

# 4. Ролики в форматі FLV;

# 6. Показувати прості веб сторінки.

Модуль має безліч налаштувань розібратися в яких не важко. Він має російський інтерфейс з короткими поясненнями по налаштуванню кожного параметра. Дивіться скріншоти інтерфейсу налаштувань модуля.

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

Наприклад, код посилання, по якій має відкритися зображення буде виглядати так:

Клацніть по посиланню розташованої нижче, щоб подивитися, як це буде працювати на практиці: Подивитися зображення.

Крім цього можна зробити так щоб зображення відкривалося при кліці по міні ескізу зображення. Такий спосіб ви можете бачити вище де представлені скрішоти налаштувань модуля. Для того щоб це зробити вам знадобиться дві картинки велика яку необхідно показати в шадовбоксе і маленька яка буде є міні ескізом. Код буде виглядати так:

Клацніть по міні ескізу для відкриття зображення.

Крім цього за допомогою модуля можна зробити цілу галерею. Наприклад, вам необхідно показати не одне зображення, а кілька зображень поспіль і промотувати їх не виходячи з шадовбокса. Для цього на засланні йде на кожне з зображень необхідно вказати наступне: rel = "shadowbox [mygallery]"

Припустимо, що нам необхідно зробити галерею з трьох картинок, тоді код буде виглядати так:

Природно в вигляді посилань може бути не тільки текст але і міні ескізи зображень.

Приклад використання галереї:

Код для відкриття будь-якої веб сторінки в шадовбоксе буде наступний: