juxtaposeJS

Comunicación

Crea un marco interactivo para comparar dos imágenes (tutorial herramienta infografía)

19 May , 2017  

JuxtaposeJS es una herramienta que sirve para crear un marco interactivo perfecto para ejemplificar un antes y un después. Y cómo una imagen, o dos en este caso, valen más que mil palabras, ahí va un ejemplo:

La imágenes usadas en este tutorial están extraidas de http://bestreviews.com#reviews y forman parte de un vídeo que muestra esta misma evolución del escritorio.


La aplicación es ideal para mostrar los cambios en cualquier historia. Para crear uno basta con pegar las URL’s de las imágenes en el campo reservado para ello, y opcionalmente ponerle rótulo y autor de las imágenes.

demo

Si no dispones de alojamiento propio para las imágenes, éstas pueden estar en Flickr, Dropbox o Google Drive y el enlace funcionará igual.

El punto en el que comienza la animación también se puede establecer en función de lo que se quiera mostrar (por defecto aparece al 50%).

Una vez personalizado, para publicarlo bastará con copiar y pegar  los dos grupos de líneas de código en la página en la que se insertará el slider.

Funciona en dispositivos móviles con iOS o Android e incluso permite mayor personalización a través de su página en GitHub.

, , , , ,


Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies