Skip to main content

Слайдер с предпросмотром картинок

Слайдер с возможностью предпросмотра картинок реализуется с помощью специального "HTML-виджета".
Пример работы виджета - на странице http://miniature.plp7.me/

U01image.png

Как перенести компонент из библиотеки в редактор?

В редакторе страниц вы можете найти ссылки на библиотеку компонентов, в которой содержатся нестандартные виджеты.

https://creatium.io/library

xceimage.png

В ней можно найти различные решения.

Нам сейчас подходитслайдер - номер 99.

Далее - размещаем любой виджет (например, «Текст») в желаемом месте на странице.

WyHimage.png

Переходим в меню копирования и выбираем «Импорт по номеру»

Y62image.png

Указываем уже известный номер и наслаждаемся новым решением 🙂В итоге появляется подобный виджет:

9jfimage.png

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

uADimage.png

В основных настройках виджета возможно изменить:
• Высоту главной картинки и нижних миниатюр
• Горизонтальное и вертикальное положение картинок
• Прозрачность неактивных миниатюр, которые не выбраны

• Включить или выключить стрелки

• Поменять внутренние отступы

• А также можно включить рамку и скругление для главной картинки и миниатюр, сделать отступ между ними.

wScimage.png

На следующей вкладке настраивается адаптивность слайдера

wGRimage.png

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

Rihimage.png

Готово 👍