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

Juxtapose JS — лёгкий и удобный инструмент для создания слайдеров

Для использования слайдера не нужно уметь кодить, и он работает на всех платформах и устройствах, что делает его универсальным.

Как использовать JuxtaposeJS

В раздел Create a Juxtapose slider добавьте две фотографии: по ссылкам или из DropboxFlickrGoogle Drive. Из двух изображений вы получаете одно, поделённое ползунком на две части.

Berliner Morgenpost использовало JuxtaposeJS, чтобы сравнить Берлин 1945 года и современную столицу Германии

Установите настройки — они абсолютно исчерпывающие:

  • Стартовая позиция слайдера
  • Лейблы
  • Подписи
  • Анимация ползунка
  • Масштаб изображения
  • Вертикальный или горизонтальный слайдер

Готовый слайдер можно встраивать через iFrame или на Medium с помощью специально адаптированной ссылки.

Как сделать фотослайдер «до и после» с помощью сервиса Juxtapose

В результате получается наглядная иллюстрация изменений: пользователю не нужно переводить взгляд с одной фотографии не другую. Большое преимущество JuxtaposeJS — его простота. Пользователь выбирает минимальное количество параметров, а значит, риск сделать что-то не то сводится к нулю. Кроме того, для использования инструмента не нужно уметь кодить. Наконец, этот инструмент работает на всех платформах и девайсах, что делает его универсальным.

Над материалом работали:
Иллюстрации:
скриншот сервиса JuxtaposeJS
Инструкция актуальна:
на октябрь 2017 года

Подводя итоги:

1
найдите архивный снимок
2
сделайте аналогичный современный
3
сведите снимки