{"id":3034,"date":"2024-06-05T09:40:10","date_gmt":"2024-06-05T07:40:10","guid":{"rendered":"http:\/\/bluekea.com\/blog\/?p=3034"},"modified":"2024-06-05T09:40:10","modified_gmt":"2024-06-05T07:40:10","slug":"comparar-fotografias-antesdespues-juxtaposejs","status":"publish","type":"post","link":"https:\/\/bluekea.com\/blog\/tecnica-digital\/comparar-fotografias-antesdespues-juxtaposejs","title":{"rendered":"Mostrar trabajos de retoque o restauraci\u00f3n de fotograf\u00edas con JuxtaposeJS"},"content":{"rendered":"\n<p>Hoy recuperamos un art\u00edculo sobre una herramienta online y gratuita que permite generar e insertar en cualquier web un sistema para comparar dos fotos muy f\u00e1cilmente deslizando\u00a0el borde entre ambas. Se puede aplicar para mostrar trabajos de retoque o restauraci\u00f3n de fotograf\u00edas, o en im\u00e1genes de\u00a0decoraci\u00f3n, reformas o paisajismo que muestren el antes y despu\u00e9s. Se trata de un sistema que tiene ya unos a\u00f1os pero sigue funcionando muy bien y es gratuito.<\/p>\n\n\n\n<p><iframe loading=\"lazy\" class=\"juxtapose\" src=\"https:\/\/cdn.knightlab.com\/libs\/juxtapose\/latest\/embed\/index.html?uid=836928fa-1e5d-11e6-a524-0e7075bba956\" width=\"100%\" height=\"550\" frameborder=\"0\"><\/iframe><\/p>\n\n\n\n<p>Adem\u00e1s no es necesario subir tus fotos a la web donde se aloja, sino que funciona con fotos subidas en cualquier web que ya exista, o en sistema de almacenamiento como Dropbox. Todo lo que necesitas es la direcci\u00f3n (url) donde se alojan las im\u00e1genes que quieres comparar.<\/p>\n\n\n\n<p>Si lo haces alojando las fotos en <a href=\"https:\/\/bluekea.com\">Bluekea,<\/a> puedes crear una galer\u00eda oculta y subir ah\u00ed las fotos. A continuaci\u00f3n ampl\u00eda las fotos usando el icono de lupa, y pulsando el bot\u00f3n derecho sobre la imagen, copia la direcci\u00f3n o url de la imagen.<\/p>\n\n\n\n<p>Cuando tengamos las direcciones de\u00a0ambas fotos, podemos crear el elemento de comparaci\u00f3n en la web de <a href=\"https:\/\/juxtapose.knightlab.com\/\" target=\"_blank\" rel=\"noopener\">JuxtaposeJS<\/a>. Puedes adem\u00e1s poner etiquetas (<em>label<\/em>) en cada una de las fotos y el cr\u00e9dito o autor de las mismas (<em>credit<\/em>). Aseg\u00farate de marcar la opci\u00f3n <strong>Make responsive<\/strong> para que funcione bien en cualquier pantalla o dispositivo.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"629\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/06\/juxtapose-1024x629.jpg\" alt=\"\" class=\"wp-image-6289\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/06\/juxtapose-1024x629.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/06\/juxtapose-300x184.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/06\/juxtapose-768x472.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/06\/juxtapose-900x553.jpg 900w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/06\/juxtapose.jpg 1300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Configuraci\u00f3n del slider de JuxtaposeJS<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Una vez finalizado, pulsa <strong>Publish<\/strong>. Copia el c\u00f3digo bajo la casilla <strong>Embed <\/strong>para insertar el comparador dentro de tu web o blog, y p\u00e9galo como bloque HTML. En el caso de Bluekea, lo puedes pegar donde quieras usando un m\u00f3dulo de tipo <strong>Media \/ HTML<\/strong>. F\u00e1cil f\u00e1cil.<\/p>\n\n\n\n<p>Si no tienes una web o un blog donde alojarlo, puedes copiar y compartir el enlace directo bajo <strong>Share Link<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy te hablamos de una herramienta online y gratuita que permite generar e insertar en cualquier web un sistema para comparar dos fotos muy f\u00e1cilmente deslizando\u00a0el borde entre ambas. Se puede aplicar para mostrar trabajos de retoque o restauraci\u00f3n de fotograf\u00edas, o en im\u00e1genes de\u00a0decoraci\u00f3n, reformas o paisajismo que muestren el antes y despu\u00e9s <a href=\"https:\/\/bluekea.com\/blog\/tecnica-digital\/comparar-fotografias-antesdespues-juxtaposejs\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":3037,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-3034","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnica-digital"],"_links":{"self":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/3034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/comments?post=3034"}],"version-history":[{"count":11,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/3034\/revisions"}],"predecessor-version":[{"id":6297,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/3034\/revisions\/6297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media\/3037"}],"wp:attachment":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media?parent=3034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/categories?post=3034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/tags?post=3034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}