Простой и эффективный способ продемонстрировать и сравнить свои навыки или результаты работы. Появился отличный новый плагин в вашем арсенале мощных инструментов Gridbox. Встречайте слайдер «Сравнения» — идеальный инструмент для создания визуальных сравнений. Достаточно просто переместить ползунок!
Слайдер «Сравнения» для сайтов Joomla
Слайдер «Сравнения» — это сенсорный плагин Gridbox, который позволяет отображать две версии изображения вместе. Используйте Before After Slider на сайтах Joomla, чтобы продемонстрировать результаты различных проектов. Например, можно наглядно сравнить этапы трансформации. Это может быть смена прически, результаты тренировок, диеты или массажа. На самом деле, слайдер «До После» идеально подходит для любого сайта, созданного для индустрии красоты или фитнеса, строительства, дизайна и фотографии.

Настройка слайдера
Плагин Before After Slider поставляется с широким набором полезных настроек. Здесь вы можете настроить элементы плагина так, чтобы он идеально вписался в дизайн вашего сайта. Прокрутите вниз, чтобы узнать о доступных настройках и увидеть несколько отличных примеров.
Настройка фотографий и ярлыков
После добавления плагина Before After Slider на страницу вам нужно будет установить изображения и метки. Кроме того, не забудьте добавить альт-теги изображения для поисковой оптимизации.

Обратите внимание: если вы хотите идеальных результатов, изображения до и после должны иметь одинаковые пропорции. В компоненте Gridbox эта возможность предусмотрена. У нас есть Photo Editor, который позволит вам сделать это несколькими простыми кликами!

Ползунок Направление
По умолчанию ползунок «До После» отображается горизонтально. Но, как мы писали выше, пользоваться плагином очень просто. Поэтому изменить ориентацию ползунка на вертикальную компоновку несложно. Просто используйте опцию Slider Direction.
Горизонтальное направление ползунка

Вертикальное направление ползунка

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