{"id":4657,"date":"2024-02-01T09:12:09","date_gmt":"2024-02-01T17:12:09","guid":{"rendered":"https:\/\/blogs.reed.edu\/ed-tech\/?page_id=4657"},"modified":"2025-09-03T13:18:54","modified_gmt":"2025-09-03T20:18:54","slug":"h5p-examples-image-juxtaposition","status":"publish","type":"page","link":"https:\/\/blogs.reed.edu\/ed-tech\/creating-and-editing-h5p-content\/h5p-examples-image-juxtaposition\/","title":{"rendered":"H5P Example: Image Juxtaposition"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Image Juxtaposition<\/h2>\n\n\n\n<p>This is an example of the image juxtaposition, which can be useful for displaying before and after images. This particular example shows the original image of President Obama shaking hands with former Indian prime minister Manmohan Singh, juxtaposed with an altered image to show him shaking hands with  &nbsp;Iranian president Hassan Rouhani.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/blogs.reed.edu\/extending-wordpress\/wp-admin\/admin-ajax.php?action=h5p_embed&#038;id=12\" width=\"917\" height=\"715\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" title=\"Image Juxtaposition: Obama Photoshop\"><\/iframe><script src=\"https:\/\/blogs.reed.edu\/extending-wordpress\/wp-content\/plugins\/h5p\/h5p-php-library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>Image Juxtaposition This is an example of the image juxtaposition, which can be useful for displaying before and after images. This particular example shows the original image of President Obama shaking hands with former Indian prime minister Manmohan Singh, juxtaposed with an altered image to show him shaking hands with &nbsp;Iranian president Hassan Rouhani.<\/p>\n","protected":false},"author":2,"featured_media":4679,"parent":4278,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[124],"tags":[125],"class_list":["post-4657","page","type-page","status-publish","has-post-thumbnail","hentry","category-h5p","tag-h5p-examples"],"_links":{"self":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/pages\/4657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/comments?post=4657"}],"version-history":[{"count":4,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/pages\/4657\/revisions"}],"predecessor-version":[{"id":4975,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/pages\/4657\/revisions\/4975"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/pages\/4278"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/media\/4679"}],"wp:attachment":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/media?parent=4657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/categories?post=4657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/tags?post=4657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}