LyteBox Плагін Joomla відкриття картинки у спливаючому вікні
LyteBox - ненав'язливий скрипт для накладення зображень або інших об'єктів на веб-сторінці який використовується на сайті під керуванням CMS Joomla. Правильно працює у всіх браузерах, безкоштовний. Деякі дітища інших програмістів, які виконують ті ж функції, чомусь не імєєют кнопку закриття сплив вікна. У LyteBox це грамотно реалізовано.
Як працює плагін лайтбокс для джумла - спливаюча картинка
Для початку налаштуйте параметри конфігурації, якщо не влаштовують стандартні параметри.
У менеджері плагінів знаходимо User Customizations
U24-Lytebox, ставимо галочку поруч з ним, потім йдемо в верхній правий кут і натискаємо Редагувати. Нашому погляду відкривається маса налаштувань.
Включити змінений варіант - Use Custom JS
Загальна конфігурація відповідає за зовнішній вигляд і поведінку плагіна. Отже, що ми маємо?
5 колірних схем (Themes), завдання швидкості зміни розмірів (Resize Speed), обмеження максимуму непрозорості (Opacity), змінну ширину кордону (Border Size), тип навігації (Navigation Type), включення / вимикання автоматичної підгонки розміру картинки (Auto Resize)
включення / вимикання анімації (Do Animations),
Нижче настройка опцій слайдшоу (Slideshow Options),
яка підтримує HTML, а не тільки саме зображення. Пограв з цими настройками можна самому зрозуміти, що і як працює.
Корисний плагін лайтбокс для сайтів з великою кількістю фотографій і малюнків, які потрібно маштабіровать. До речі, не забудьте його включити.
Тепер треба створити малюнок і записати відносний шлях до нього (images / stories / plugins / Lytebox.gif ") Для прикладу я зробив велику картинку налаштувань плагіна. Перевести редагування з в HTML і вставити в потрібне місце код.
Код для виведення одиночній картинки
де
images / stories / plugins / Lytebox.gif - шлях до малюнка
rel = "lytebox" - команда виклику плагіна
title = "Довільний текст" - назва малюнка (показується в лівому нижньому кутку вікна підказки)
Варіант з превью реалізується в такий спосіб:
Робимо на додаток до повнорозмірною зображенні зменшену. Заливаємо її і вставляємо в матеріал звичайними засобами редагування і прописуємо для цієї картинки ту ж саму посилання.
Слайд-шоу (замість lytebox команда lyteshow):
Якщо треба, щоб була одна кнопка - у другому рядку прибрати Рисунок2