Twenty20 Image Before-After v2.0.4

Twenty20 - это инструмент сравнения изображений профессионального уровня, который поможет вам наглядно продемонстрировать трансформации. Идеально подходит для:

- Портфолио фотографий

- Недвижимость до/после

- Проекты реконструкции

- Изменения в дизайне

- Сравнение продуктов

- Реставрационные работы

- Медицинские процедуры

- И многое другое!

Видеоурок

Живая демо

Проверьте живую демо-версию.

Основные характеристики

- Адаптивный дизайн - отлично работает на всех устройствах.

- Варианты горизонтального и вертикального скольжения.

- Настраиваемое положение и ориентация ползунка.

- Пользовательские метки "до" и "после".

- Регулируемая ширина и выравнивание изображения.

- Эффект скольжения при наведении мыши.

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

- Несколько слайдеров на странице.

- Поддержка виджетов для боковых панелей.

- SEO-ориентированность и правильная поддержка альтернативных тегов.

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

Поддержка конструктора страниц

- Элементор

- WPBakery Page Builder (визуальный композитор)

- Плоский UX-конструктор

- Классический редактор

Идеально подходит для

- Фотография до/после редактирования.

- Сравнение ремонта дома

- Изменения в веб-дизайне

- Преобразование продукта

- Реставрационные проекты

- Бьюти-преобразования

- Ремонт недвижимости

Использование

Пример короткого кода

Быстрый пример

[twenty20 img1="" img2=""direction="vertical" offset="0,5" align="right" width="60%" before="Before" after="After" hover="true"]

Параметры шорткода

- img1 - идентификатор изображения.

- img2 - идентификатор изображения.

- смещение - диапазон от 0,1 до 1,0.

- направление - горизонтальное|вертикальное.

- выравнивание - нет|справа|слева.

- Ширина - поддерживает как пиксели, так и %.

- до - текст для метки "до".

- after - текст для метки "после".

- наведение - правда или ложь.