Чтобы создать слайд-шоу, нажмите на кнопку + (W) в левом нижнем углу окна редактора и выберите Slideshow во всплывающем окне.
Как добавить изображения
Перетащите изображения или загрузите их по клику на иконку изображения. Вы также можете выбрать сразу несколько файлов и загрузить их все.
Кликните по иконке нужного изображения в настройках слайд-шоу, чтобы изменить порядок слайдов. Там же можно добавить, заменить или удалить изображения.
Настройки слайд-шоу
Чтобы настроить внешний вид слайд-шоу, нажмите Settings («Настройки») в контролах виджета.
- Стрелки (Arrows). Оставьте стрелки, настроенные по умолчанию или замените их на любые иконки из нашей библиотеки. Расположить их вы можете по краям слайд-шоу или под ним. Выберите настройку Mouseover, чтобы показывать стрелки по наведению курсора, или оставьте их статичными, выбрав Normal. Также вы можете отключить их совсем, нажав Disable.
- Счетчик (Counter). Включите счетчик слайдов и выберите способ его отображения: числа или точки.
- Цвет иконок (Icons color). Выберите цвета для стрелок и счетчика. Если счетчик расположен вне границ слайд-шоу, изменить его цвет нельзя.
- Во весь экран (Fullscreen). Добавьте кнопку, которая позволяет открывать слайд-шоу во весь экран.
- Подписи (Captions).Добавьте описание к каждому слайду. При помощи настройки Typography вы можете менять шрифт, его размер и цвет текста в подписях к слайд-шоу.
- Миниатюры (Thumbs). Включите эскизы для слайдов.
- Заполнить (Fill). Включите эту настройку, чтобы слайд-шоу занимало всю площадь внутри границ виджета.
- Радиус (Radius). Скруглите углы слайдов.
- Цвет фона (Bg color). Выберите цвет фона.
Переходы (Transitions)
Существует два типа переходов от одного слайда к другому: слайдер — новый слайд «выезжает» на место предыдущего, и crossfade — смена слайдов за счет изменения настроек их прозрачности. Узнать больше об этом вы можете здесь.
Alt-теги для слайдшоу
Чтобы добавить aтрибут alt к слайдшоу, кликните на Semantics («Семантика») в настройках виджета и введите текст во всплывающем окне. Атрибут автоматически появится в исходном коде вашего проекта. Узнать больше об alt-тегах вы можете здесь.