#27 - Avant - après : juxtaposer deux photos

À quoi ressemblait cette place il y a un siècle ? Comment la rue figurant sur cette carte postale est-elle aujourd'hui ?

On tombe souvent sur Internet sur des photos-montages juxtaposant une image avant/après... Il existe un outil extrêmement simple et gratuit pour en réaliser : il s'agit de Juxtapose JS, créé par l'excellent KnightLab, qui peut permettre de valoriser des cartes postales, des plans, des photographies (ci-dessous Berlin en 1945 et aujourd'hui), etc.

 

27 juxtapose berlin 

Juxtapose JS : mode d'emploi

  • Aller sur le site de l'application : JuxtaposeJS.knightkab.com
  • Renseigner les paramètres des deux images
    • adresse de l'image en ligne : l'url de l'image doit se terminer par une extension d'image (.jpg, .png, .gif, etc.). Pour obtenir l'url d'une image déjà en ligne, il faut faire un clic droit sur la photo, copier l'adresse de l'image et la coller dans le champ adéquate de Juxtapose JS
    • date/légende courte
    • crédits/source

27 juxtapose js 1

 

Si votre image n'est pas en ligne, vous pouvez l'héberger simplement et en toute sécurité sur Framapic (choisir "no time limit" pour la durée d'hébergement).

 

  • Modifier éventuellement les paramètres de l'animation : affichage ou non de la date/légende courte, des crédits, animation ou non de la juxtaposition, etc.
  • Cliquez sur Update Preview pour vérifier le résultat et éventuellement modifier les paramètres précédents
  • Publier (Publish) le résultat afin d'avoir le code iframe à copier et coller dans votre éditeur de site Internet (voir tutoriel #8 - Insérer des médias dans une page web (aka embed code)

 

27 juxtapose js 2

 

Et voici le résultat :

 

 

À noter : Geneanet, plateforme de généalogie, a ainsi développé l'application mobile Hier / Aujourd'hui : voir l'application et sa galerie.

Mots-clés: Framasoft, image, médias, médiation, valorisation

Imprimer E-mail

Ajouter un Commentaire


Code de sécurité
Rafraîchir