Hot Swipe Carousel - модуль слайдера
Версия 3.9.5
Пожалуйста, заполните необходимые поля.
Если разработчик выпустил новую версию на своем сайте, то вы можете сообщить нам об этом. Обратите внимание, что в случае ложного уведомления ваш IP будет забанен на нашем ресурсе если вы гость, а член клуба будет лишен пользоваться данной услугой.

Joomla 3

HotThemes
Модуль Hot Swipe Carousel - вращающий слайдер, который может содержать любой контент HTML (изображения, текст и т. д.), Позволяет пользователям перетаскивать их на экран влево или вправо. Этот модуль позволяет создавать до 20 слайдов. Вы также можете использовать несколько экземпляров модуля на одной странице. Каждый слайд может содержать дополнительный заголовок. Вы можете включать и отключать навигационные элементы, такие как стрелки влево / вправо и точки. Модуль реагирует на 100%, изменяя его ширину в соответствии с доступным пространством дисплея. Кроме того, на небольших экранах, где текст не помещается на изображении, он будет перемещаться под изображением.

Вы, наверное, уже знаете, что количество пользователей смартфонов, планшетов и других мобильных устройств с сенсорными экранами растет с каждым днем. В результате мы можем ожидать, что все больше людей будут получать доступ к нашим веб-сайтам с устройств, оснащенных сенсорными экранами, а затем с мышью и клавиатурой. Hot Swipe Carousel - слайды, которые могут содержать любой контент HTML (изображения, текст и т. д.) И позволяют пользователям изменять слайды, перетаскивая их на экран влево или вправо на сенсорном экране.

Этот модуль Joomla позволяет создавать до 20 слайдов. Вы можете использовать несколько экземпляров этого модуля на одной странице. Как вы можете видеть в демонстрации, модуль используется дважды для основного слайдера в верхней части страницы и карусели для отзывов в нижней части экрана.

Каждый слайд может содержать дополнительный заголовок и любой HTML-контент. Вы можете включать и отключать навигационные элементы, такие как стрелки влево / вправо и точки. Как вы, вероятно, предполагали, этот модуль на 100% адаптивен. Он изменит свою ширину в зависимости от доступного пространства экрана. Кроме того, это изменит макет на маленьких экранах, где текстовый блок не может поместиться в изображение. Текстовый блок перемещается под изображением на экранах шириной менее 600 пикселей (вы можете изменить пределы, отредактировав файл CSS)

Свойства модуля

  • Уникальный идентификатор - если вам нужно несколько экземпляров этого модуля на одной странице, каждый экземпляр должен иметь разные идентификаторы.
  • Загрузить jQuery и режим без конфликтов - эти параметры следует отключить, если шаблон уже загружает jQuery.
  • Слайды на экране - эти опции должны быть отключены, если ваш шаблон уже загружает jQuery.
  • Ширина слайдов. Если для параметра «Слайды на экране» выбран параметр «Пользовательская ширина», здесь можно указать ширину слайдов. Введите значение и единицы измерения, например 23% или 250px.
  • Поля слайдов - если вы выбрали параметр «Выбор ширины» для параметра «Слайды на экране», вы можете ввести поле между слайдами здесь. Введите значение и единицы измерения, например 2% или 20px.
  • Ширина текстового поля - если ваши слайды имеют текстовые блоки, это будет ширина блока в процентах. По умолчанию для экранов размером менее 1024 пикселей этот параметр будет автоматически установлен на 70%. Кроме того, для экранов размером менее 600 пикселей этот блок будет перемещен ниже изображения.
  • Горизонтальное положение текстового поля - если выбрана полная ширина, на экране будет показан только один слайд. Если выбрана Пользовательская ширина, несколько слайдов будут показаны на экране одновременно, и вы можете определить ширину слайдов и поля ниже.
  • Центрировать текстовое поле по горизонтали - включите, если хотите, чтобы текстовый блок автоматически центрировался на всех размерах экрана.
  • Вертикальное положение текстового поля - Положение от верхней стороны границ модуля в пикселях. По умолчанию для экранов размером менее 1024 пикселей этот параметр будет автоматически установлен на 10 пикселей.
  • Text Box Padding - значение для заполнения внутри текстового блока в процентах.

Стиль модуля

  • Цвет фона текстового поля - Цвет фона текстового блока в формате RGB.
  • Прозрачность текстового поля - введите значение от 0 (полная прозрачность) до 1 (без прозрачности), чтобы установить прозрачность текстового блока.
  • Цвет текста - выберите цвет текста внутри текстового блока.
  • Размер текста заголовка - Установите размер заголовков внутри текстового блока.
  • Размер текста - Установите размер обычного текста внутри текстового блока.

Навигация

  • Навигационные стрелки - Включить или отключить левую / правую навигационные кнопки.
  • Точки навигации - включение или отключение интерактивных точек, которые показывают слайды и активный слайд

Свойства анимации

  • Пауза между слайдами - введите значение в миллисекундах. Он будет использоваться для паузы между вращением слайдов. Например, введите 5000 для паузы 5 секунд на каждом слайде.

Настройки для каждого слайда

Есть 20 слотов для ваших слайдов. Каждый слот может содержать разные изображения и HTML, которые будут отображаться в окне контента.

  • Опубликовать этот слайд - слайд будет опубликован, только если этот параметр включен.
  • Выбрать изображение - эта кнопка открывает всплывающее окно, в котором вы можете загрузить и / или выбрать изображение для этого слайда.
  • Изображение Alt Text - альтернативный текст для описания слайд-изображения.
  • Заголовок слайда - заголовок текста слайда. Он будет отображаться в окне содержимого.
  • Текст слайда - текст или любой HTML-код для слайда. Это также будет отображаться в окне содержимого.
  • Приоритет слайдов - слайды с более высоким приоритетом отображаются перед слайдами с более низким приоритетом. Например, слайд со значением приоритета 3 будет отображаться перед слайдом со значением приоритета 7.

Поддержка экранов Retina

Модуль Hot Carousel Swipe поддерживает экраны Retina (экраны с двойной плотностью пикселей на изображениях и слайды для изображений в тексте слайда. Если вы хотите использовать эту функцию, вам необходимо подготовить две версии ваши изображения (обычное и двойное разрешение). Например, если у вас есть изображение с именем myimage.jpg, модуль проверит, существует ли изображение myimage-2x.jpg в той же папке, и покажет изображение вместо обычного разрешения. , но только для экранов Retina (с двойной плотностью пикселей). Поскольку нет специальных значений для отображения изображений с удвоенным разрешением на обычных экранах с одинаковой плотностью пикселей. Модуль позаботится о том, чтобы отображать соответствующее изображение на различных экранах.

Скрытый контент

  • Вы не зарегистрированы
  • Вы не вошли как пользователь
  • У Вас просрочена подписка
  • Ваша подписка не даёт вам право скачивать данный раздел