Как сделать слайдер
«было/стало»

- Стартовая позиция слайдера
- Лейблы
- Подписи
- Анимация ползунка
- Масштаб изображения
- Вертикальный или горизонтальный слайдер
Готовый слайдер можно встраивать через iFrame или на Medium с помощью специально адаптированной ссылки.
В отличие от TwentyTwenty JuxtaposeJS не нужно скачивать и преобразовывать под него свой код.
От Jquery Sequence его отличает большее разнообразие: в Sequence полоска слайдера может располагаться только горизонтально и делить картинку пополам, а в Juxtapose можно выбрать несколько вариантов в настройках.
Кроме того, Juxtapose удобнее использовать, чем Before After Image Slider: последний работает только в комплекте с фреймворком Vafpress: для корректной работы придется скачивать и Before After, и этот фреймворк.
Инструкция актуальна на октябрь 2017 года.
С помощью этой технологии были реализованы следующие проекты
скриншоты
Знаете похожие технологии? Расскажите о своем опыте, нам интересно!
Читайте также