JuxtaposeJS è una web application che ti permette di confrontare due foto per ottenere il classico risultato prima-dopo.
La cosa bella offerta da questo servizio è che otterrai una foto dinamica, con una barra che potrai spostare e scrollare sulla foto per mostrare e nascondere un’immagine rispetto l’altra.
È l’ideale per creare una foto che metta in evidenza i cambiamenti operati dal tempo su mappe e paesaggi.
Per creare il tuo prima-e-dopo hai bisogno di caricare le foto su un qualsiasi spazio web (Dropbox, Google Drive, Flickr…), copiare ed incollare il link negli appositi campi ed il gioco è fatto.
Ovviamente puoi scegliere il nome da attribuire ai box “before” e “after”, magari una data o un evento.
Il risultato finale sarà un codice HTML che potrai incollare sul tuo sito o pagina web.
Uno dei punti di forza del servizio è che funziona anche con GIF animate. Non è cosa da poco, tante altre applicazioni (anche app per smartphone) non supportano questa features.
Compilando gli appositi campi e mettendo un check alle opzioni si può anche:
- aggiungere il credit alle foto (se eventualmente coperte da diritti d’autore)
- rendere responsive il risultato per farlo adattare a qualsiasi pagina web
- disporre il risultato in verticale anziché in orizzontale
- animare lo slide della barra separatrice al clic dell’utente sulla foto
Prova quanto descritto con la foto qui sotto:
JuxtaposeJS è sicuramente il modo più semplice sul web per mettere a confronto due immagini in maniera dinamica e moderna.