Как слайдер изображений JuxtaposeJS может быть использован в журналистских материалах

АвторAshley Nguyen
Nov 12, 2014 в Основы журналистики

В своих материалах журналисты часто говорят о переменах, но не могут показать их. С помощью JuxtaposeJS, нового слайдера изображений, созданного в лаборатории Knight Lab Северо-западного университета, журналисты могут действительно показать изменения, сравнивая фотографии того, что было до и после [какого-то события].

JuxtaposeJS – это простой в использовании инструмент для сравнения изображений. Просто выберите две фотографии, которые вы хотите сравнить, на Flickr, Dropbox или Google Drive, скопируйте адрес, вставьте его в нужную строку и настройте слайдер так, чтобы видеть эффект "до" и "после". JuxtaposeJS создает код для вставки, и все, что вам нужно сделать, – это скопировать и вставить его на свой сайт (видео с пошаговой инструкцией можно найти здесь).

У второкурсника Алекса Дунера, студента и участника лаборатории Knight Lab, ушло всего около четырех месяцев на разработку этого инструмента.

"Журналистские материалы часто рассказывают об изменениях, так почему бы не продемонстрировать их визуально", – сказал Дунер.

В ходе первоначального тестирования Дунер использовал фотографии площади Независимости – майдана Незалежности на Украине – до и после протестов. Издание Vox Kashmir также использовало этот инструмент, чтобы показать вид с воздуха до и после разрушительных наводнений в индийской и пакистанской частях Кашмира, произошедших в этом году. Vox Kashmir использовал изображения региона, сделанные в августе 2014, перед наводнениями, и фото последствий наводнения, сделанные в сентябре 2014 года (на многих последних фотографиях под мутной водой видны дома, дороги и земля).

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

"Лучшие примеры [его использования] демонстрируют нестандартное мышление их создателей, – сказал он. – Используйте формат gif, чтобы показать движение".

Ниже приведены некоторые примеры оригинального использования JuxtaposeJS, про которые Дунер рассказал в интервью IJNet.

Le Temps использовал JuxtaposeJS для иллюстрации разрушений, происшедших в Кобани, Сирия, за время существования Исламского государства (см. фото вверху этого поста). Кобани – город на границе Турции и Сирии.

Sports Illustrated использовал слайдер изображений, чтобы дать возможность пользователям сравнить, как игроки НБА выглядели в начале своей карьеры и как они выглядят сейчас. На сайте, среди прочих, показаны фотографии Стива Нэша, Кевина Гарнетта и Пола Пирса в юности.

Boston Globe показал, как утвержденное Джеки Кеннеди изображение президента Джона Ф. Кеннеди, выгравированное на монете достоинством в полдоллара, изменилось с течением времени. Монетный двор США недавно снова выпустил оригинальную монету.

Вот пример использования JuxtaposeJS для демонстрации разницы между старым (слева) и обновленным (справа) дизайном сайта IJNet. Посмотреть видео, как мы это сделали, можно здесь.

Узнать больше о том, как Алекс Дунер создал JuxtaposeJS, можно в блоге Knight Lab. Дунер также предлагает программистам присоединиться к проекту с открытым исходным кодом на GitHub. Следите за ним на Twitter: @asduner

Верхнее изображение: сравнение фотографий города Кобани в Сирии, издание Le Temps.