Описание проекта
У нас на сайте есть страница портфолио, где мы показываем результаты ремонта, косметологических процедур и ландшафтных работ. Сейчас фото «до» и «после» просто стоят рядом, и это не даёт того эффекта, который хочется — посетитель не чувствует масштаб изменений. Хотим сделать слайдер сравнения: две фотографии накладываются друг на друга, посередине проходит разделительная линия, и её можно потянуть влево-вправо мышкой или пальцем, чтобы постепенно открыть одно фото и скрыть другое.
Важно, чтобы слайдер был плавным, без рывков, и одинаково хорошо работал как на компьютере, так и на телефоне — у нас большая часть посетителей заходит именно с мобильных устройств, так что тач-версия приоритетнее десктопной. На странице портфолио таких пар может быть несколько, и хотелось бы, чтобы они подгружались по мере прокрутки, а не все сразу, чтобы страница не тормозила. Под каждой парой фото нужна короткая подпись — например, вид работы и дата.
Готовы рассмотреть как готовый виджет, адаптированный под нашу вёрстку, так и разработку с нуля — важнее качество результата. Пришлите примеры похожих реализаций.
Что нужно:
— Перетаскиваемая разделительная линия, тач и мышь
— Плавная работа без рывков и мигания при загрузке
— Совместимость с текущей вёрсткой сайта
— Простая инструкция, как добавлять новые пары фото
Важно, чтобы слайдер был плавным, без рывков, и одинаково хорошо работал как на компьютере, так и на телефоне — у нас большая часть посетителей заходит именно с мобильных устройств, так что тач-версия приоритетнее десктопной. На странице портфолио таких пар может быть несколько, и хотелось бы, чтобы они подгружались по мере прокрутки, а не все сразу, чтобы страница не тормозила. Под каждой парой фото нужна короткая подпись — например, вид работы и дата.
Готовы рассмотреть как готовый виджет, адаптированный под нашу вёрстку, так и разработку с нуля — важнее качество результата. Пришлите примеры похожих реализаций.
Что нужно:
— Перетаскиваемая разделительная линия, тач и мышь
— Плавная работа без рывков и мигания при загрузке
— Совместимость с текущей вёрсткой сайта
— Простая инструкция, как добавлять новые пары фото
Фотография Наличные, Банковский перевод
