{"id":272,"date":"2018-06-06T18:29:51","date_gmt":"2018-06-06T18:29:51","guid":{"rendered":"http:\/\/pressbooks.library.ryerson.ca\/h5pbook\/?post_type=chapter&#038;p=272"},"modified":"2022-03-24T18:25:56","modified_gmt":"2022-03-24T18:25:56","slug":"image-juxtaposition","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/chapter\/image-juxtaposition\/","title":{"raw":"Image Juxtaposition","rendered":"Image Juxtaposition"},"content":{"raw":"<img src=\"http:\/\/pressbooks.library.ryerson.ca\/h5pbook\/wp-content\/uploads\/sites\/27\/2018\/06\/image_juxtaposition.png\" alt=\"\" width=\"240\" height=\"180\" class=\"alignleft size-full wp-image-273\" \/><strong>Caution:<\/strong>\u00a0 This content type is not\u00a0<span>WCAG 2.0 AA compliant (as of March 2022). For up-to-date information about H5P accessibility, check the <\/span><a href=\"https:\/\/documentation.h5p.com\/content\/1290410474004879128\">Content Type Accessibility<\/a> page.\r\n\r\nWith this content type you can display two images either horizontally or vertically and optionally label your images.\r\n\r\nImage Juxtaposition is based on<span>\u00a0<\/span><a href=\"https:\/\/github.com\/NUKnightLab\/juxtapose\">Juxtapose<\/a><span>\u00a0<\/span>that was created by Alex Duner and Northwestern University Knight Lab.\r\n<h2>Example<\/h2>\r\n<span>[h5p id=\"30\"]<\/span>\r\n\r\n&nbsp;","rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/h5pbook\/wp-content\/uploads\/sites\/27\/2018\/06\/image_juxtaposition.png\" alt=\"\" width=\"240\" height=\"180\" class=\"alignleft size-full wp-image-273\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-content\/uploads\/sites\/27\/2018\/06\/image_juxtaposition.png 240w, https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-content\/uploads\/sites\/27\/2018\/06\/image_juxtaposition-65x49.png 65w, https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-content\/uploads\/sites\/27\/2018\/06\/image_juxtaposition-225x169.png 225w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><strong>Caution:<\/strong>\u00a0 This content type is not\u00a0<span>WCAG 2.0 AA compliant (as of March 2022). For up-to-date information about H5P accessibility, check the <\/span><a href=\"https:\/\/documentation.h5p.com\/content\/1290410474004879128\">Content Type Accessibility<\/a> page.<\/p>\n<p>With this content type you can display two images either horizontally or vertically and optionally label your images.<\/p>\n<p>Image Juxtaposition is based on<span>\u00a0<\/span><a href=\"https:\/\/github.com\/NUKnightLab\/juxtapose\">Juxtapose<\/a><span>\u00a0<\/span>that was created by Alex Duner and Northwestern University Knight Lab.<\/p>\n<h2>Example<\/h2>\n<p><span><\/p>\n<div id=\"h5p-30\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-30\" class=\"h5p-iframe\" data-content-id=\"30\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Toronto Harbour\"><\/iframe><\/div>\n<\/div>\n<p><\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":2,"menu_order":23,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-272","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/pressbooks\/v2\/chapters\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":4,"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/pressbooks\/v2\/chapters\/272\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/pressbooks\/v2\/chapters\/272\/revisions\/595"}],"part":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/pressbooks\/v2\/chapters\/272\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/wp\/v2\/media?parent=272"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/pressbooks\/v2\/chapter-type?post=272"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/wp\/v2\/contributor?post=272"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/h5pbook\/wp-json\/wp\/v2\/license?post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}