- Тип – адаптивное слайд-шоу для Джумла 3 с поддержкой слоёв.
- Купить Layer Slideshow у разработчика без посредников.
Layer Slideshow – это адаптивный слайдер Joomla с поддержкой слоёв и анимации наподобие PowerPoint. С его помощью можно достаточно легко сделать анимированный баннер из нескольких изображений и текстовых надписей. Надписи и изображения могут «вылетать» (появляться) по аналогии с PowerPoint. Можно назначать ссылки на текстовые элементы и кнопку. Само слайд-шоу можно отобразить на сайте при помощи модуля или вставить в материал (статью) при помощи плагина.
В предыдущих статьях мы уже рассматривали платные и бесплатные расширения для создания галерей и слайд-шоу: RSMediaGallery, Simple Image Gallery, Phoca Gallery, sigplus, DJ-MediaTools и Droppics. Но Layer Slideshow существенно отличается от них, так как позволяет «собирать» отображаемое изображение из нескольких отдельных изображений. Пример можно увидеть на демонстрационном сайте разработчика.
В обзоре будет участвовать последняя, на момент написания статьи (06.05.2016), русскоязычная версия Layer Slideshow 1.0.1 в Joomla 3.5.1.
На официальном сайте расширений Joomla 5 отзывов, расширение добавлено 08 апреля 2015.
- Общий рейтинг – 98 из 100.
- Функциональность – 98 из 100.
- Простота использования – 98 из 100.
- Документация – 98 из 100.
- Поддержка – 98 из 100.
- Соотношение цена\качество – 98 из 100.
Расширение платное, на данный момент $19 США.
Возможности Layer Slideshow
Перечислю основные, на мой взгляд, особенности данного расширения слайдера.
- Поддержка Joomla 3.х.
- Вставка слайд-шоу в материал Joomla или модуль.
- Отзывчивый дизайн как фронтальной части (самого слайд шоу), так и административной.
- Удобное создание, редактирование и управление слайдерами (рисунок ниже).
- Поддержка слоёв изображений (до пяти слоёв).
- Предустановленные слайдеры (пять тем) с возможностью их изменения или создания своих.
- Перетаскивание элементов слайдера мышью.
- Встроенный текстовый редактор (смена шрифта (гарнитуры), начертания, размера (кегля), цвета и так далее).
- Встроенный редактор кнопок (смена цвета, границы, настроек шрифта и так далее). Есть встроенные готовые кнопки с возможностью их изменения.
- Встроенный редактор изображений (изменение размера в пикселях, кадрирование (обрезка), отражение по горизонтали\вертикали, и вращение).
- При создании собственного слайдера Вы сможете: задавать фоновое изображение, задавать слои, добавлять кнопку, текст и менять взаимное расположение этих элементов (рисунок ниже).
- Задание продолжительности показа слайдов.
- Циклическое воспроизведение слайд шоу.
- Настройки кнопок навигации слайдера: Следующий, Предыдущий, Старт, Стоп.
- Удобное добавление ссылок на пункт меню сайта или материал Joomla.
- Возможность предварительного просмотра результата прямо при создании слайдера в административной части Joomla.
- Загрузка файлов на сервер «классическим» способом (при помощи кнопки «Обзор») и при помощи перетаскивания мышью.
- Доступ к клипарту (коллекции изображений) JoomUnited для использования изображений в своих слайдерах.
- Интеграция с сервисом поиска иконок Icom для использования иконок в своих слайдерах.
- Интеграция с K2.
- Поддержка русского языка интерфейса и текста на слайдах.
- Хорошая документация и техническая поддержка (на английском языке).
Для того, чтобы у Вас сложилось более полное впечатление рекомендую просмотреть это видео про Layer Slideshow от разработчика.
Создание слайдера
Ознакомившись с видео по ссылке выше, у Вас уже могло сложиться впечатление о процессе создания слайд-шоу в Layer Slideshow. Стоит рассмотреть основные этапы и настройки. Элементы интерфейса переведены на русский язык и весьма очевидны из своего названия.
В глобальных настройках Layer Slideshow особо ничего нет. Только опция, позволяющая включить\отключить отображение информации об обновлениях расширения и настройки прав доступа пользователей к расширению («классика» для Joomla 3).
После перехода на страницу компонента Layer Slideshow в левом верхнем углу нажмите кнопку Новое слайд-шоу и задайте имя своему слайдеру. Обратите внимание, что именно в компоненте Вы создаёте и управляете слайд-шоу, а в модуле и плагине Вы просто выбираете то, что уже создали ранее для вставки в ту или иную часть сайта.
После создания нового слайд-шоу Вы сможете создать слайды. Ограничения на количество слайдов в слайд-шоу нет. Но на каждом слайде может быть не более 5-и слоёв (от 0 (только фоновое изображение) до 4 включительно).
Создание слайд-шоу рекомендую начать с настроек Опции макета (рисунок ниже). Тут Вы сможете:
- активировать отзывчивый дизайн.
- Установить выравнивание слайд-шоу.
- Задать ширину и высоту всех слайдов в пикселях.
- Установить длительность воспроизведения слайда. Для всех слайдов в рамках одного слайд-шоу можно задать только одинаковую продолжительность (в миллисекундах).
- Настроить отображение элементов навигации.
- Задать цвет фона слайд-шоу.
После общих настроек можно перейти к созданию самих слайдов. Нажимая на Добавить новый слайд (в меню слева), Вы сможете создать сколько угодно слайдов. Подводя курсор мыши к названию слайда в меню слева, появляются инструменты переименования, дублирования и удаления слайда. Точно так же, как и в случае с созданием слайд-шоу (рисунок ниже).
Редактирование каждого из слайдов начинается с выбора одной из пяти тем и последующим редактированием темы (рисунок ниже). Основное отличие между темами – количество слоёв.
При выборе любого из изображений Вы сможете его немного отредактировать (рисунок ниже) – обрезать/кадрировать.
Можно применить некоторые простые эффекты (рисунок ниже). Рекомендую редактировать изображения на компьютере, а на сайт загружать уже полностью готовое и оптимизированное (с минимальным размером (в Кб) и оптимальным качеством).
Нажимая на кнопки Библиотека JU (сайт JoomUnited) и Поиск иконок (сайт Iconfinder.com) вы сможете подбирать изображения (с фильтрацией) из клипартов JoomUnited (рисунок ниже) и Iconfinder.com соответственно. Обратите внимание, что Библиотека JU требует ввода логина и пароля от Вашего аккаунта на сайте Joomunited.com.
Нажав на ссылку Редактировать стиль напротив поля Текст кнопки, Вы сможете изменить внешний вид кнопки (рисунок ниже). В поле Ссылка кнопки можно ввести любой URL-адрес, на который перейдёт пользователь по нажатию на кнопку. Или можно перенаправлять посетителей на один из пунктов меню Joomla (кнопка Элемент меню) или на какой-то материал (одноимённая кнопка).
При редактировании текста (рисунок ниже) Вы сможете задать ему начертание, выравнивание, цвет и цвет его фона, изменить размер и шрифт. Можно добавить ссылку, создать маркированные или нумерованные списки.
Вставка созданного слайдера изображений в материал происходит при помощи кнопки редактора LayerSlideshow (рисунок ниже).
Или можно выводить слайдер в позиции шаблона Joomla при помощи модуля тип «Layer SlideShow». Из «необычных» для любого модуля Джумла опций доступна только одна – выбор созданного слайдера (рисунок ниже).
Отмечу некоторые ограничения, которые есть в Layer Slideshow 1.0.1 на данный момент (06.05.2016).
- Нельзя удалять\добавлять тестовое области. Можно перемещать существующие и менять их размер.
- Нельзя менять направление и время вылета слоёв (объектов).
- Нельзя добавлять ссылки на изображения. Только на кнопку и текст.
- Нельзя добавлять или удалять кнопки. Можно перемещать существующую.
Русификатор Layer Slideshow
Cкачать русификатор Layer Slideshow.
Надеюсь, что данная статья, видео и демонстрационный сайт разработчика помогли Вам понять возможности этого расширения для обоснованного выбора в качестве слайдера\баннера Вашего сайта.
Похожие материалы
Полезные ссылки: