Скидка 30% на все шаблонные сайты до 20 января 2026

Виджет Before After Slider

Уроки WordPress > Ultimate Addons для Elementor

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

Ключевая особенность

Источниками изображений могут быть – Медиа/Пользовательский URL.
Добавляйте пользовательские метки к изображениям
Горизонтальная и вертикальная ориентация изображений
Функция перемещения ползунка при наведении или нажатии
Полностью настраиваемый слайдер
Используйте несколько слайдеров на одной странице

Добавление изображения и метки

Изображение можно выбрать из медиа-библиотеки или установить с помощью внешнего URL-адреса. Наряду с изображениями вы можете добавить метку, которая будет отображаться на изображении.

Стиль этикетки можно задать в разделе «Стиль» (вкладка) > «Этикетка до/после».

Ориентация (горизонтальная/вертикальная)

Ориентация задает направление для ползунка. Ползунок можно перемещать по изображению вертикально или горизонтально. На вкладке «Ориентация» также есть параметры для установки общего выравнивания изображений.

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