Опис проєкту
ПерекладНа сайті є сторінка портфоліо, де ми показуємо результати ремонту, косметологічних процедур та ландшафтних робіт. Зараз фото «до» і «після» просто стоять поруч, і це не дає потрібного ефекту — відвідувач не відчуває масштабу змін. Хочемо зробити слайдер порівняння: два фото накладаються одне на одне, посередині проходить роздільна лінія, і її можна потягнути вліво-вправо мишкою або пальцем, щоб поступово відкрити одне фото і приховати інше.
Важливо, щоб слайдер був плавним, без ривків, і однаково добре працював як на комп'ютері, так і на телефоні — більшість наших відвідувачів заходять саме з мобільних пристроїв, тож тач-версія пріоритетніша за десктопну. На сторінці портфоліо таких пар може бути кілька, і хотілося б, щоб вони підвантажувались по мірі прокрутки, а не всі одразу, щоб сторінка не гальмувала. Під кожною парою фото потрібен короткий підпис — наприклад, вид роботи та дата.
Готові розглянути як готовий віджет, адаптований під нашу верстку, так і розробку з нуля — важливіша якість результату. Надішліть приклади подібних реалізацій.
Що потрібно:
— Роздільна лінія, яку можна перетягувати, тач і миша
— Плавна робота без ривків і мигання під час завантаження
— Сумісність із поточною версткою сайту
— Проста інструкція, як додавати нові пари фото
Важливо, щоб слайдер був плавним, без ривків, і однаково добре працював як на комп'ютері, так і на телефоні — більшість наших відвідувачів заходять саме з мобільних пристроїв, тож тач-версія пріоритетніша за десктопну. На сторінці портфоліо таких пар може бути кілька, і хотілося б, щоб вони підвантажувались по мірі прокрутки, а не всі одразу, щоб сторінка не гальмувала. Під кожною парою фото потрібен короткий підпис — наприклад, вид роботи та дата.
Готові розглянути як готовий віджет, адаптований під нашу верстку, так і розробку з нуля — важливіша якість результату. Надішліть приклади подібних реалізацій.
Що потрібно:
— Роздільна лінія, яку можна перетягувати, тач і миша
— Плавна робота без ривків і мигання під час завантаження
— Сумісність із поточною версткою сайту
— Проста інструкція, як додавати нові пари фото
Фотографія Готівка, Банківський переказ
