Um novo recurso do tipo "slider" criado pelo Knight Lab da Universidade Northwestern permite que jornalistas montem uma imagem que desliza de um lado ao outro para mostrar as mudanças de antes e depois.
JuxtaposeJS, uma ferramenta de comparação de imagens fácil de usar, requer pouco do usuário. Basta escolher duas fotos que você deseja comparar a partir de Flickr, Dropbox ou Google Drive, copiar a URL na ferramenta e ajustar o controle deslizante para ver o efeito de antes e depois. JuxtaposeJS cria o código embed (para incorporar onde quiser), então tudo que você tem que fazer é copiar e colá-lo em seu site. (Para um tutorial passo-a-passo, assista ao nosso vídeo aqui.)
O universitário Alex Duner, bolsista do Knight Lab, levou quatro meses para desenvolver a ferramenta.
“Reportagens envolvem falar sobre mudanças, então por que não mostrá-las visualmente ao longo do tempo”, disse Duner.
Durante a fase inicial de teste, Duner usou imagens da praça da Independência na Ucrânia – Maidan Nezalezhnosti – antes e depois dos protestos. O Vox Kashmir também usou a ferramenta para mostrar vistas aéreas da Caxemira antes das inundações da Índia-Paquistão que devastaram a região no início do ano. Vox Kashmir usou imagens da região em agosto de 2014 antes das inundações e depois em setembro de 2014. (Muitas das mais recente vistas mostram casas, ruas e terra submersas nas águas lamacentas.)
Comparando fotos antes e depois de catástrofes naturais ou da construção de um edifício são todos usos fortes de JuxtaposeJS, Duner disse, mas ele incentiva o jornalista a ser criativo.
"Alguns dos melhores exemplos são quando a pessoa vai além do óbvio", disse ele. "Use GIFs - que são imagens - para mostrar um movimento visual."
Abaixo estão alguns exemplos de usos de inventivos de JuxtaposeJS que Duner citou em sua entrevista com a IJNet.
Le Temps utilizou JuxtaposeJS para mostrar a destruição em Kobani, Síria, durante a ascensão do Estado Islâmico (imagem acima). Kobani é uma cidade na fronteira entre Turquia e Síria.
A revista Sports Illustrated usou o slider de imagem para mostrar como os jogadores do NBA eram quando novatos em comparação aos dias atuais. Entre os exemplos estão fotos de Steve Nash, Kevin Garnett e Paul Pierce no início da carreira.
O Boston Globe mostrou como a moeda de 50 centavos com a imagem do Presidente John F. Kennedy aprovado por Jackie Kennedy mudou com o tempo. A Casa da Moeda dos EUA recentemente reemitiu a moeda original.
Aqui está um exemplo de JuxtaposeJS usando o site antigo da IJNet (esquera) e o novo (direita). Assista ao tutorial da IJNet sobre como foi feito.
Leia mais sobre como Alex Duner cirou JuxtaposeJS no blog do Knight Lab. Duner também encoraja programadores programadores a participar do projeto de fonte aberta no GitHub. Siga-o no Twitter: @asduner.
Imagem principal da comparação de Le Temps de Kobani, Síria.