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