Layer Slideshow документация

Вступление

Layer Slideshow предоставляет уникальный, но простой опыт создания слайд-шоу с несколькими слайдами и слоями в Joomla.

 

Слой-шоу-Главный

 

I. LAYER SLIDESHOW УСТАНОВИТЬ

1.1 Установить

Наш компонент совместим с Joomla 3.x. Все функции и сторонние интеграции включены во все членства.
Чтобы установить наш компонент, вам нужно скачать расширение .zip и использовать стандартный установщик Joomla.

 

Joomla установить

 

Затем нажмите на Обзор> Загрузить и установить кнопка, компонент, модули и плагины будут установлены активированными по умолчанию.

 

1.2 Обновление и автоматическое обновление

Чтобы обновить расширение, вы можете установить новую версию поверх старой, загрузив ZIP-файл из JoomUnited или использовать автоматическое обновление (рекомендуемые).

 

пункт-рейтинг-обновление

 

Автоматическое средство обновления, которое отправляет уведомление об обновлении, встроено в установленное расширение Joomla. Таким образом, вы получите уведомление, как и любое другое расширение на панели инструментов или с помощью меню: Расширение> Управление> Обновить меню.

Войдите в свой аккаунт, чтобы обновить

Вам необходимо войти в свою учетную запись JoomUnited, чтобы обновить все свои расширения JoomUnited Joomla. Чтобы войти, войдите в основную конфигурацию компонента, затем нажмите на Вкладка живого обновления, Внизу вы найдете кнопку входа.

 

в прямом эфире обновление

 

Введите свои учетные данные JoomUnited, которые вы используете для входа здесь @ www.joomunited.com

 

Логин-joomunited

Кнопка станет оранжевой, поздравляю! Теперь вы можете обновить все расширения JoomUnited на этом сайте! Если срок вашего членства истек, вы получите обновленную ссылку и текст, объясняющий это.

 

счет-сшитый

Примечание: один логин позволит вам обновить все расширения JoomUnited (относительно вашего членства). Срок действия логина не истечет, если вы не отключите его.

 

II. ТЕМЫ СЛАЙД-ШОУ

2.1 Создание слайдов

Основная идея Layer Slideshow в том, чтобы иметь возможность создавать приятные слайд-шоу со слоями без каких-либо сложностей.
На главном интерфейсе, на левой стороне у вас есть доступ к новый кнопка. Каждое новое слайд-шоу содержит параметры слайдов и слоев.

 

image7

 

Если у вас нет тем, вы можете обратиться к нашим образцам тем. Всего доступно 5 тем, пожалуйста, нажмите Загрузить тему кнопка для просмотра.

 

image8

 

Как только вы выберете один, центральная часть будет перезагружена с фоном темы, ссылками и слоями. Слои сгруппированы в правой панели.

 

image9

 

Обратите внимание, что каждая тема имеет свой номер макета, тема 1 имеет 1 слой, тема 2 имеет 2 слоя ...


Под слайдом вы можете увидеть Предварительный просмотр всех слайдов Кнопка и есть 3 устройства (ноутбук / рабочий стол, планшет, мобильный телефон), чтобы вы могли посмотреть, как будет выглядеть ваше слайд-шоу.

Вы также можете использовать Дублировать слайд или же Добавить новый слайд Кнопка справа.

 

слайд-кнопка

 

Каждый слайд содержит редактировать а также Удалить значок

 

image11

 

Если вы хотите сделать свое собственное слайд-шоу, вы можете использовать кнопки на правой панели. Пожалуйста, смотрите следующую главу ниже.

2.2 Настройки макета

Вы можете определить конкретный макет для каждого слайд-шоу. Лучше определить макет перед началом редактирования слоя, поскольку он будет определять ширину изображения, размер текста, положение элементов ...

 

image12

 

Параметры макета слайд-шоу следующие:

  • Отзывчивый: Сделайте свое слайд-шоу с адаптивным элементом для мобильных устройств, весь текст, изображения будут динамически изменяться в зависимости от мобильных устройств
  • Выровнять слайд-шоу: Выровнять весь слайд-шоу
  • Ширина / высота: Определить ширина / высота слайд-шоу. Это самый важный параметр, поскольку после его установки все изображения, которые вы поместите в слайд-шоу, могут быть изменены с помощью нашего инструмента обрезки до этого размера. Если вы измените размер, возможно, вам придется обновить ваши изображения.
  • Продолжительность: Определите продолжительность каждого слайда
  • Стиль кнопки: определить стиль элемента навигации
Чтобы сделать слайд-шоу полной ширины, у вас есть 2 варианта: установите ширину «100%» или определите фиксированный полный размер, например, что-то вроде ширины 1900 пикселей.

2.3 Добавить слайд-шоу в ваш контент

Чтобы добавить слайд-шоу в ваш контент и разместить его в Интернете, вам нужно использовать кнопку редактора. Загрузите статью, пользовательский модуль или что-нибудь еще и нажмите на Layer Slideshow кнопка.

 

image13

 

Затем выберите слайд-шоу для вставки

 

image14

 


III. Слайд издание

3.1 Фон слайдов

У каждого слайда есть фон, вы можете загрузить свой собственный из вашей библиотеки изображений или использовать нашу онлайн-библиотеку.

 

image15


null Выбрать Кнопка откроет лайтбокс с менеджером мультимедиа, это расширенная версия менеджера мультимедиа Joomla.

 

image16


Он предлагает вам возможность перетаскивать новые изображения, выбирать, удалять, подгонять или применять эффекты к изображениям.

image17


Наиболее важной является функция обрезки. Функция кадрирования загрузит окно с вашим изображением и рамку, которая принимает размер слайд-шоу, определенный в макете.

 

image18


Нажми на Обрезать изображение Кнопка для вставки изображения, обрезанного как фон.

3.2 Редактор слоев кнопок

Вы можете создать новый слой кнопки, нажав + Слой Кнопка на правой панели.

 

создавать кнопки

 

После заполнения формы нажмите Создать слой кнопка. На вашем слайде появится новая кнопка.

 

image19

 

Диспетчер кнопок позволит вам создать свой собственный стиль кнопок, сохранить его и использовать позже. Обычно кнопки определены для всех слайдов и должны быть использованы повторно.

 

image20


Вы сможете создать стиль, используя инструмент левого бокового окна, а затем вставить / сохранить / изменить его. У вас есть опции для определения фона, стилей границ и эффекта наведения мыши.

 

image21

 

Чтобы вставить кнопку в контент, вы можете нажать кнопку «Вставить» или символ «+» сохраненной кнопки.

 

image22

 

Вы также можете редактировать и сохранять существующий стиль, просто нажмите на ручку и измените параметры.

 

image23

 

Наконец, вы можете определить пользовательскую ссылку для кнопки.

 

image24

 

3.3 Редактор слоев изображений

Вы можете создать новый слой изображения, нажав + Слой Кнопка на правой панели.

 

создать образ

 

Вы можете вставить свой собственный значок или изображение в слой изображения, нажав на Кнопка редактирования чтобы изменить их.

 

image26

 

Затем вы сможете выбрать собственное изображение или использовать изображение из нашей библиотеки JU или значок из Icon Finder.

Конечно, вы можете определить положение каждого элемента из предварительного просмотра, используя drag'n drop.

3.4 Редактор видео слоя

Вы можете добавить новый слой видео, нажав + Слой Кнопка на правой панели.

 

создавать видео-

 

Нажав на редактировать Иконка видео слоя, вы можете изменить URL видео для слоя. Он поддерживает видео URL с Youtube, Vimeo, Dailymotion.

 

редактирование видео-слой

 

3.5 Переходы

Вы можете установить переходы для слайда или всех слайдов в своем слайд-шоу. Есть 2 типа переходов: 2D и 3D.

 

выбрать-переходы

 

Каждый слой имеет Переходы слоя вкладка, чтобы вы могли выбрать стиль для них.

 

Слой-переход

 

Внутривенно БИБЛИОТЕКИ ИЗОБРАЖЕНИЙ

4.1 JoomUnited библиотека


JU Library - это внешняя библиотека, которую мы размещаем, чтобы предоставить вам красивые и бесплатные изображения. Все изображения из нашей библиотеки будут загружены и сохранены на вашем сервере. Таким образом, вы можете это так долго, как вы хотите.
Библиотека доступна, пока ваша подписка действительна.

 

image27


Библиотека JU содержит изображения обтравочного контура (с прозрачным фоном) и фоновые изображения. Используйте флажок, чтобы выбрать один или оба.

 

image28

 

Вы также можете сделать поиск тегов.

 

image29


Выбрав изображение, вы сможете загрузить его на свой сервер и отредактировать.

 

image30

 

4.2 Интеграция с иконками

Также доступна интеграция поиска значков для загрузки, например, значков социальных сетей.

 

image31


Поисковая система будет открыта

 

image32

 

Вы можете сделать запрос, а также использовать систему фильтрации по размеру.

 

image33

 

Затем, как и в инструменте JU Library, вы сможете загрузить свой значок на свой сервер. У вас также есть параметры загрузки по размеру, определенные ранее.

 

image34