Come creare foto con effetto prima-e-dopo dinamico

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.