Как добавить слайд-шоу на сайт Weebly?

Элемент слайд-шоу Weebly

Выбор стиля слайд-шоу

После перетаскивания элемента слайд-шоу в область содержимого вашего сайта вам будет предложено выбрать стиль для слайд-шоу. Ниже приведены доступные стили для вашего слайд-шоу:

1. Простое слайд-шоу
2. Эскизы внизу
3. Цифры внизу
4. Эскизы вверху
5. Эскизы справа
6. Двойные миниатюры

Выберите стиль слайд-шоу в Weebly

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

Выберите стиль и нажмите кнопку «Продолжить», чтобы добавить фотографии в слайд-шоу.

Управление слайдами слайд-шоу

Вы можете загружать изображения со своего компьютера или перетаскивать изображения в редактор. Каждое изображение будет рассматриваться как один слайд в слайд-шоу. В отличие от элемента «Изображение», элемент «Слайд-шоу» предлагает только один вариант загрузки изображений с вашего компьютера. Щелкните здесь, чтобы узнать обо всех вариантах загрузки изображения для элемента изображения.

Управление фотографиями слайд-шоу

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

Добавить подпись и ссылку в слайд-шоу Weebly

Настройка и редактирование слайд-шоу

Щелкните слайд-шоу, чтобы увидеть параметры для настройки и редактирования. Вы можете добавлять или редактировать фотографии, используя кнопку «Добавить / редактировать фотографии» и выбирая стиль перехода из раскрывающегося меню. Настройте навигацию, скорость, интервал и заголовок, выбрав соответствующий вариант.

Параметры настройки слайд-шоу Weebly

Ссылка на дополнительные параметры показывает параметры для управления отображением слайд-шоу.

Расширенные параметры слайд-шоу Weebly

Таким образом, слайд-шоу в целом можно настроить с помощью следующих параметров:

• Стиль перехода — доступные параметры: «Затухание», «Сдвиг», «Мозаика», «Срез» и «Сгиб»
• Стиль навигации — доступные параметры: эскизы, двойные эскизы, числа и нет.
• Местоположение навигации — вверху, внизу, влево или вправо
• Скорость — от 3 до 9 секунд на слайд
• Расстояние между верхним и нижним полями
• Расположение текста подписи — внизу или вверху
• Включить или отключить автовоспроизведение
• Включение или отключение элементов управления слайд-шоу на опубликованном сайте
• Начальная или случайная начальная позиция
• 4: 3 — это соотношение сторон по умолчанию, которое можно изменить на 3: 2 или 16: 9.

Пользователи Pro ранее могли редактировать слайд-шоу заголовков с помощью редактора Weebly Imageperfect. Он предоставляет те же параметры, что и обычный элемент слайд-шоу, для настройки стиля перехода, стиля навигации и задержки слайда. В настоящее время Weebly удалил параметр слайд-шоу заголовка для профессиональных пользователей в адаптивных темах, но этот параметр по-прежнему доступен для старых неотзывчивых тем.

Редактирование слайд-шоу заголовков Weebly

Регулировка размера элемента слайд-шоу

По умолчанию элемент слайд-шоу занимает всю ширину страницы, и нет возможности настроить ширину и высоту слайдов. Перетащите элемент «Разделитель» рядом с элементом слайд-шоу, чтобы настроить положение элемента слайд-шоу на странице. Слайд-шоу будет автоматически настроено в соответствии с шириной и высотой столбца между элементами распорки.

Другая проблема с элементом слайд-шоу — высота, которая приводит к появлению большого количества белого пространства над и под изображением. Используйте приведенный ниже код в разделе «Страницы> Расширенные настройки> Код заголовка», чтобы настроить высоту слайд-шоу в соответствии с размером вашего изображения. Измените высоту в приведенном ниже коде на высоту вашего собственного изображения.

<style type="text/css">
.wslide-content {
 height: 300px !important;
}
</style>