Добрий день шановні читачі! Створюючи свій сайт хочеться зробити його привабливим і в той же час максимально функціональним без надмірностей. Я зрозуміла, що мені необхідно створити слайдшоу, тобто це зображення, які змінюються через певний час і ведуть на задану сторінку. Мені довелося довго тестувати різні розширення для Joomla, поки не знайшла модуль JT SlideShow, який відповідав всім моїм вимогам і до того ж поширювався безкоштовно.
Почну я з того, що модуль JT SlideShow дозволяє відображати картинки, із застосуванням безлічі ефектів з бібліотеки jQuery і має величезну кількість опцій, які налаштовують слайдшоу. Це з одного боку гідність і недолік даного модуля одночасно. Адже чим більше опцій, тим більше доводиться сидіти і розбиратися з настройками. І ось щоб Ви не мучилися я зараз постараюся все докладно розписати і пояснити.
Для початку завантажуємо модуль JT SlideShow з офіційного сайту розробника, а саме зі сторінки http://www.jt.gen.tr/eklentiler/jt-slideshow.html Ви отримуєте архів, розпакувати який побачите папку з наступними файлами і папками - image, photo, tmpl, scripts, en-GB.mod_jt_slideshow.ini, helper.php, mod_jt_slideshow.php, index.html, mod_jt_slideshow.xml, ru-RU.mod_jt_slideshow.ini, tr-TR.mod_jt_slideshow.ini.
І ось перш ніж завантажувати модуль на хостер або локалку відкрийте папку photo і Ви там побачите 5 різних зображень, які слід поміняти на свої. Але при цьому варто відзначити, що Ваші картинки повинні мати індентичності назви, тобто photo1, photo2 і так далі.
Далі за допомогою ftp - клієнта запихає модуль в директорію public_html \ modules \ або ж на локальному в диску в папку modules з кореневого каталогу сайту.
Тепер заходимо в адмінку сайту і вибираємо Розширення - Встановити \ Видалити і застосовуємо Встановити з папки, прописавши шлях до модуля
Натискаємо кнопку встановити, з'являється повідомлення. що модуль успішно встановлений. Переходимо у вкладку Розширення - Модулі і шукаємо рядок JT SlideShow натискаємо по ній і потрапляємо на сторінку з настройками даного модуля.
Думаю з настройками відображення модуля Ви зможете впоратися і самі. Вам необхідно буде прописати назву модуля, включити його відображення і вибрати позицію розташування. А ось на Параметрах модуля, Додаткових параметрах і Інших налаштуваннях я зупинюся більш докладно.
Почну з параметрів модуля
- Папка із зображеннями - тут вказана стандартна папка, з якої будуть показуватися 5 різних зображень, modules / mod_jt_slideshow / photos куди Ви попередньо закачали фото.
- Зображення - тут вказуємо назву картинок, це photo1 і так далі. Одна назва на одну сходинку.
- Тема зображення - тобто тут прописуєте то що буде відображатися при появі картинки. При цьому слід враховувати черговість з попереднього пункту.
- Url посилань зображень - вказуємо посилання для картинок, дотримуючись черговості з попередніми двома пунктами.
- Активувати посилання - для того щоб здійснювати перехід по посиланнях необхідно активувати цю функцію.
- Відкрити посилання в - задаєте в якому вікні буде відкриватися посилання
- Додавати http - додавати http: // перед посиланням
- Інформація - показувати заголовок картинок чи ні
- Розміщення інформації - де буде розташований заголовок
- Вирівнювання інформації - вирівнювання заголовків щодо картинок.
Тепер перейдемо в Додаткові параметри
- Ефект зміни - даний модуль має 27 видами переходу зміни картинок. В налаштуваннях можна вибрати або все, або тільки один. Якщо ж Ви хочете застосувати кілька ефектів переходу, то у файлі modules \ mod_jt_slideshow \ helper.php змініть 16-й рядок, яка виглядає наступним чином
$ This-> fx = $ params-> get ( 'fx', 'all');
на ось такий рядок
$ This-> fx = 'scrollLeft, scrollDown, scrollRight, scrollUp';
де 'scrollLeft, scrollDown, scrollRight, scrollUp' - назва ефектів.
- Тривалість показу слайдів - час, витрачений на демонстрацію всіх картинок в мілісекундах
- Безперервна демонстрація - чи буде зупинка зображень
- Швидкість - швидкість зміни отного зображення на інше миллисекундах
- Швидкість ефекту появи - швидкість початку появи картинки (залишаємо за замовчуванням)
- Швидкість ефекту зникнення - швидкість зникнення картинки (залишаємо за замовчуванням)
- Дії активації - за яких умов буде відбувається зміна картинок.
- Shuffle - координати анімації для ефекту перетасовки. Є деякі ефекти, в яких зображення як би «летять». Тут можна задати дальність і напрямок польоту зображень. Приклад: top: 15, left: 200
- Випадковий вибір - якщо актувати дану опцію, то зображення будуть показуватися в випадковому порядку
- Вписати зображення у вікно модуля - підганяти зображення під контейнер
- Підібрати розмір вікна модуля - поганяє розмір картинок під розмір модуля
- Пауза - пауза в слайдшоу при наведенні курсору на слайд
- Пауза при зміні сторінок - пауза в слайдшоу при наведенні курсору на номери слайдів
- Автоматична зупинка - чи буде проводитися автоматична зупинка слайда при показі
- Первісна затримка - тобто вказуєте, що слайд почне демонстрації тільки після завантаження сайту
- Без перекриття - картинки не перекривають один одного при зміні
- Випадковий ефект - ефект переходу
- Реверс - показує ефекти в зворотному напрямку
- Галерея - активований цю функцію картинки розташуються в модулі в ряд
- Ширина галерей - ширина
- Розташування галереї - розташування ряду картинок щодо поля поки слайда
- Напрвление галереї - напрямок
- Ширина мініатюр - ширина вікна міні-ізображенія.Здесь не варто плутати ширину вікна міні-зображення з шириною міні-зображення. У першому випадку це розмір, в який буде вписано міні-зображення без зміни розмірів. Тобто, якщо міні-зображення має розмір 500х500px, а ширина і висота вікна міні-зображення 50х50px, то у вікні міні-зображення буде показаний лише шматочок 50х50px
- Кордон між слайдами - відстань між міні-зображеннями. Тут потрібно вказувати бажану відстань між міні-зображеннями, розділене на 2, так як воно відкладається від кожного міні-зображення, і сумарне відстань виходить в два рази більше
- Рамка мініатюри - чи буде картинка укладена в рамку
- Розмір рамки мініатюри - розмір рамки навколо зображення в піксілях
- Колір рамки мініатюри - вказуєте колір рамки
- Показати футер - тобто внизу сладшоу буде написано назву модуля
Після того як всі параметри встановлені натискаємо на кнопку зберегти і заходимо на сайт, щоб помилуватися красою. Роботу даного модуля можна спостерігати на представленому нижче відео.
[Youtube] GYbBR-S5jcs [/ youtube]
На сьогодні я завершую, але найближчим часом познайомлю Вас з ще одним цікавим слайдером картинок для Joomla
Всім удачі і до зустрічі на блозі « Seo записки відчайдушною «
