Форма поиска

Работа с блоком "Слайдшоу"

При создании сайта разнообразить структуру и наполнение поможет блок «Слайдшоу». Анимационная карусель из нескольких изображений позволит показать пользователю сразу несколько баннеров, на которых можно разместить специальные предложения, акции, интересную информацию о компании. 

 В конструкторе сайтов «вДиалоге» блок «Слайдшоу» находится во вкладке «Базовые» и доступен к добавлению на всех тарифных планах, кроме «Промо». В блок можно добавить максимально 20 изображений.

В редакторе слайдшоу доступны следующие настройки:

Разберем их подробнее:

  • Высота блока, px.
  • Интервал. Время, которое проходит между сменой картинок в слайдшоу. Максимально можно выставить 10 секунд.
  • Скорость анимации. Максимально можно выставить тоже всего 10 секунд, при этом смена картинки будет плавной.
  • Пагинация. Выбор расположения нижних контролов. Варианты: лево, право, центр.
  • Цвет контролов. Выбрать цвет можно с помощью палитры или вписать номер цвета вручную.
  • Цвет фона. Может пригодиться для заполнения фоновой картинки, если размер изображений в слайдшоу меньше размера блока. Цвет фона можно выбрать с помощью палитры или вручную.
  • Тип анимации. Для пользователей доступно пять видов анимации: Slide, Fade, Cube, Flip, Coverflow.
  • Заполнение изображения. Картинки в блоке могут быть по размеру блока, заполнить блок полностью или быть уменьшены пропорционально размерам самой картинки.

Пример выбора расположения и цвета контролов на слайдшоу:

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

Для того чтобы добавить изображения для слайдшоу, в нижней части редактора «Картинки» нажимаем кнопку добавления изображения. Выбор изображений происходит в «Файловом менеджере». Максимально можно добавить 20 изображений, их можно загрузить частями или одновременно. Затем лишние изображения можно удалить или изменить их последовательность через перетаскивание:

И ещё пара советов по оформлению слайдшоу:

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

Если у вас возникли вопросы, напишите нам.