Сравнение фото: до и после

Готовое решение для 1С-Битрикс, позволяющее разместить на сайте интерактивные блоки сравнения двух изображений (“Before/After”). Решение подходит для демонстрации результатов работы и наглядных изменений: ремонт и интерьер, авто, бьюти-услуги, ретушь, медицина, клининг, производство и др.

• Интерактивное сравнение “До/После” с управлением ползунком
  
• Два режима отображения:
  • Overlay (перетаскивание по изображению)
    
  • Bar (ползунок под изображением)
    
• Вывод нескольких наборов сравнения с переключением через иконки-табы
  
• Вывод одного набора сравнения в ручном режиме (без инфоблока)
  
• Настраиваемые элементы интерфейса:
  • заголовок блока
    
  • подпись (label)
    
  • бейджи “До/После” и их тексты
    
  • логотип в элементе управления
    
  • позиция, размер и отступы иконок вкладок
    
  • адаптивное поведение на мобильных устройствах
    
• Ресайз изображений по пресетам или произвольно, управление качеством WebP (при наличии поддержки на сервере)
  

• Компонент из инфоблока — для портфолио/галереи “До/После”, когда нужно выводить множество примеров и переключаться между ними.
  
• Компонент ручного набора — для лендингов и страниц услуг, где нужен один конкретный пример сравнения.
  

• Наглядная демонстрация результата повышает вовлечённость и доверие
  
• Гибкая настройка внешнего вида и поведения
  
• Возможность централизованно управлять настройками и при необходимости переопределять их на уровне конкретной страницы