{"id":2430,"date":"2016-01-28T14:09:10","date_gmt":"2016-01-28T13:09:10","guid":{"rendered":"http:\/\/wp.catedu.es\/colaboraulatic\/?p=2430"},"modified":"2016-01-28T14:38:45","modified_gmt":"2016-01-28T13:38:45","slug":"juxtaposejs-herramienta-online-gratuita-para-superponer-dos-imagenes-y-descubrirlas-con-un-deslizador","status":"publish","type":"post","link":"https:\/\/wp.catedu.es\/colaboraulatic\/juxtaposejs-herramienta-online-gratuita-para-superponer-dos-imagenes-y-descubrirlas-con-un-deslizador\/","title":{"rendered":"JuxtaposeJS, herramienta online gratuita para superponer dos im\u00e1genes y descubrirlas con un deslizador"},"content":{"rendered":"<p style=\"text-align: justify;\"><strong>\u00bfQu\u00e9 es JuxtaposeJS?<\/strong><\/p>\n<p style=\"text-align: justify;\">Hoy os ense\u00f1amos una herramienta llamada <a href=\"https:\/\/juxtapose.knightlab.com\/\" target=\"_blank\">JuxtaposeJS<\/a>. Nos sirve para crear una animaci\u00f3n para nuestro blog o web, o bien para ver online, de dos im\u00e1genes superpuestas que podremos descubrir con una barra deslizadora.<\/p>\n<p style=\"text-align: justify;\">No requiere registro y es gratuita.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2436\" data-permalink=\"https:\/\/wp.catedu.es\/colaboraulatic\/juxtaposejs-herramienta-online-gratuita-para-superponer-dos-imagenes-y-descubrirlas-con-un-deslizador\/jslogo\/\" data-orig-file=\"https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/jslogo.png\" data-orig-size=\"502,165\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"jslogo\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/jslogo.png\" class=\"aligncenter wp-image-2436\" src=\"http:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/jslogo.png\" alt=\"jslogo\" width=\"335\" height=\"110\" srcset=\"https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/jslogo.png 502w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/jslogo-300x99.png 300w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/jslogo-100x33.png 100w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/jslogo-150x49.png 150w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/jslogo-200x66.png 200w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/jslogo-450x148.png 450w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/juxtapose.knightlab.com\/\" target=\"_blank\">https:\/\/juxtapose.knightlab.com\/<\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Forma de utilizarlo<\/strong><\/p>\n<p style=\"text-align: justify;\">Su uso es sencill\u00edsimo, le damos al enlace \u00ab<a href=\"https:\/\/juxtapose.knightlab.com\/#create-new\" target=\"_blank\">Create<\/a>\u00ab, y nos lleva al generador(ver imagen siguiente) En la \u00abLeft image\u00bb pondremos la primera imagen. En la \u00abRight image\u00bb pondremos la segunda. Es importante el detalle de que la imagen se pone con un v\u00ednculo url al <strong>.jpg<\/strong>, directo. La has tenido que alojar en alg\u00fan servicio como por ejemplo <a href=\"https:\/\/www.dropbox.com\" target=\"_blank\">Dropbox<\/a>, y despu\u00e9s extraer un v\u00ednculo p\u00fablico que termine en <strong>.jpg<\/strong>.<\/p>\n<p style=\"text-align: justify;\">A la derecha tienes los ajustes como el tanto por ciento que descubres de la primera imagen, y otros.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2435\" data-permalink=\"https:\/\/wp.catedu.es\/colaboraulatic\/juxtaposejs-herramienta-online-gratuita-para-superponer-dos-imagenes-y-descubrirlas-con-un-deslizador\/js1\/\" data-orig-file=\"https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1.png\" data-orig-size=\"1172,417\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"js1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1-1024x364.png\" class=\"aligncenter size-full wp-image-2435\" src=\"http:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1.png\" alt=\"js1\" width=\"1172\" height=\"417\" srcset=\"https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1.png 1172w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1-300x107.png 300w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1-1024x364.png 1024w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1-100x36.png 100w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1-150x53.png 150w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1-200x71.png 200w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1-450x160.png 450w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1-600x213.png 600w, https:\/\/wp.catedu.es\/colaboraulatic\/wp-content\/uploads\/sites\/4\/2016\/01\/js1-900x320.png 900w\" sizes=\"auto, (max-width: 1172px) 100vw, 1172px\" \/><\/p>\n<p><strong>UN EJEMPLO<\/strong><\/p>\n<p>A continuaci\u00f3n un ejemplo realizado con dos im\u00e1genes hist\u00f3ricas que extraigo de <a href=\"https:\/\/www.google.es\/earth\/index.html\" target=\"_blank\">Google Earth<\/a>. Pertenecen al \u00e1rea de la Expo de Zaragoza, la primera es de 2007, la segunda de 2015.<\/p>\n<p>Para poder sacar este tipo de fotograf\u00edas hist\u00f3ricas has de tener instalado <a href=\"https:\/\/www.google.es\/earth\/index.html\" target=\"_blank\">Google earth<\/a>. Luego se trata de acudir al sitio que buscas, y utilizar \u00abVer\u00bb, \u00abIm\u00e1genes hist\u00f3ricas\u00bb. Una barra temporal nos llevar\u00e1 a los archivos guardados, en diferentes fechas, del \u00e1rea a visualizar.<\/p>\n<p>Clica sobre la l\u00ednea central y arrastra para ver el efecto.<\/p>\n<p><iframe loading=\"lazy\" class=\"juxtapose\" src=\"https:\/\/cdn.knightlab.com\/libs\/juxtapose\/latest\/embed\/index.html?uid=66ae0d3c-c5c2-11e5-a524-0e7075bba956\" width=\"100%\" height=\"791\" frameborder=\"0\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es JuxtaposeJS? Hoy os ense\u00f1amos una herramienta llamada JuxtaposeJS. Nos sirve para crear una animaci\u00f3n para nuestro blog o web, o bien para ver online, de dos im\u00e1genes superpuestas que podremos descubrir con una barra deslizadora. No requiere registro &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/wp.catedu.es\/colaboraulatic\/juxtaposejs-herramienta-online-gratuita-para-superponer-dos-imagenes-y-descubrirlas-con-un-deslizador\/\"> <span class=\"screen-reader-text\">JuxtaposeJS, herramienta online gratuita para superponer dos im\u00e1genes y descubrirlas con un deslizador<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[67,186,69,189,188,260,190,63,83,100,6,97,85,261,96,262,89,104],"tags":[33,159,132,479,138,478,477,21,476,23],"class_list":["post-2430","post","type-post","status-publish","format-standard","hentry","category-animacion","category-areas","category-blog-herramientas","category-ciencias-naturales","category-ciencias-sociales","category-etapas","category-geografia","category-herramientas","category-imagen","category-multimedia","category-noticias","category-orientacion-geolocalizacion","category-paginas-web","category-primaria","category-publicaciones-virtuales","category-secundaria","category-utilidades","category-webs","tag-blog","tag-edicion","tag-gratis","tag-html","tag-imagen-2","tag-js","tag-juxtapose","tag-recursos","tag-superpuesta","tag-web"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5O2qe-Dc","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/wp.catedu.es\/colaboraulatic\/wp-json\/wp\/v2\/posts\/2430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.catedu.es\/colaboraulatic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.catedu.es\/colaboraulatic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.catedu.es\/colaboraulatic\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.catedu.es\/colaboraulatic\/wp-json\/wp\/v2\/comments?post=2430"}],"version-history":[{"count":6,"href":"https:\/\/wp.catedu.es\/colaboraulatic\/wp-json\/wp\/v2\/posts\/2430\/revisions"}],"predecessor-version":[{"id":2438,"href":"https:\/\/wp.catedu.es\/colaboraulatic\/wp-json\/wp\/v2\/posts\/2430\/revisions\/2438"}],"wp:attachment":[{"href":"https:\/\/wp.catedu.es\/colaboraulatic\/wp-json\/wp\/v2\/media?parent=2430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.catedu.es\/colaboraulatic\/wp-json\/wp\/v2\/categories?post=2430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.catedu.es\/colaboraulatic\/wp-json\/wp\/v2\/tags?post=2430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}