Оцените статью: 5 1 1 1 1 1 Рейтинг 5.00 (2 Оценки)

Слайдер изображений Widgetkit Slideshow для Joomla

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

Это один из распространенных виджетов на сегодняшний день. Он улучшает внешний вид страницы на сайте, что способствует повышению конверсии. Благодаря таким элементам у нас есть возможность делать закладки на своем сайте вы брав один из стилей элемента. Элементы Widgetkit работают все на основе последних версий jQuery. В виджете иметься очень много эфектов переходов картинок. Хорошо отображается в мобильных версиях сайта, а так же очень простой в применении.

Создание аккордеона из произвольных материалов.

В основных настройках нажмите кнопку Add New, после чего откроется страница с множеством параметров. Данные настройки показаны в стиле по умолчанию (default).
widgetkit slideshow

1. Название слайдшоу (Enter name here...) дайте имя виджету.

2. Главные настройки:

  • Title заголовок слайда;
  • Content содержание данного слайда. Нажмите на кнопку с изображением дерева, чтобы вставить нужную вам картинку. Появится новое окно
    Image URL относительный путь до картинки;

widgetkit slideshow настройка

  • Image Description название изображения, используемое для SEO продвижения;
  • Alignment выравнивание картинки (справа, слева и т.д.);
  • Dimensions = размеры в px;
  • Border выделение границ картинки черной рамкой (px);
  • Vertical Space отступ сверху и снизу от изображения до теста, px;
  • Horizontal Space промежуток справа и слева, px;
  • Caption текст, всплывающий при появлении картинки на сайте.

3. Дополнительные настройки:

  • Autoplay настройка для включения автоматического перелистывания картинок;
  • Autoplay Interval (ms) скорость переключения слайдов, мс;
  • Width, Height ширина и высота изображений. Вы можете установить удобные для вас размеры, либо вписать в текстовые поля слово auto. В этом случае размеры для всех миниатюр будут подгоняться автоматически;
  • Effect Duration (ms) время показа эффекта на слайде, мс;
  • Start Index номер картинки, с которой начинается показ при загрузки порядок миниатюр;
  • default по умолчанию. Миниатюры будут представлены по порядку, начиная с той, которая указана в Start Index;
  • random изображения отображаются в хаотическом порядке;
  • Navigation опция для включения круглых кнопок, переключающих картинки;
  • Buttons кнопки со стрелочками для перелистывания изображений;
  • Slices количество полосок или частей, на которое будет разбито изображение при переходе на другое;
  • Effect какой эффект будет применен на слайде;
  • Caption Animation Duration скорость анимации надписи, мс.

Стили отображения виджета



Стиль List

Добавились следующие настройки:

  • Navigation Width ширина кнопок навигации;
  • Effect эффект, накладываемый на картинку;
  • В данном cтиле из всего два.

widgetkit slideshow joomla 2.5

Стиль Screen



Новых настроек не появится, но сам стиль будет таким:


widgetkit slideshow joomla 3.0

Стиль Showcase buttons

Пример отображения стиля:

widgetkit slideshow joomla

Стиль Showcase box

Новые параметры:

  • Slideset Effect эффект, который будет применяться к слайду;
  • Slideset Buttons кнопки виджета Slideset;
  • Item Per Set количество вкладок на одной странице виджета;
  • Slideset Effect Durations (ms) скорость переключения слайдов (мс).

Стиль Tabs

Появилась новая настройка Navigation, которая показывает, как будут расположены вкладки в виджете: слева, центру или справа.

Стиль Tabs bar

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


Похожие статьи

Интересные статьи

Самые читаемые статьи



Рекомендуем хостинг

BeGet

 30 дней бесплатно!

Домены на .ru в подарок