{"id":52,"date":"2012-12-23T17:16:54","date_gmt":"2012-12-23T17:16:54","guid":{"rendered":"http:\/\/catchthemes.com\/demo\/catchbox-pro\/?p=52"},"modified":"2012-12-23T17:58:20","modified_gmt":"2012-12-23T17:58:20","slug":"images-test","status":"publish","type":"post","link":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/2012\/12\/23\/images-test\/","title":{"rendered":"Images Test"},"content":{"rendered":"<h2>Image Alignment Tests: Un-Captioned Images<\/h2>\n<h3 id=\"center-align-no-caption\">Center-align, no caption<\/h3>\n<p>Center-aligned image with no caption, and text before and after. <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/test-image-landscape.jpg\" alt=\"\" title=\"test-image-landscape\" width=\"300\" height=\"199\" class=\"aligncenter size-full wp-image-535\" \/> ALorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n<h3 id=\"left-align-no-caption\">Left-align, no caption<\/h3>\n<p>Left-aligned image with no caption, and text before and after. <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/test-image-landscape.jpg\" alt=\"\" title=\"test-image-landscape\" width=\"300\" height=\"199\" class=\"alignleft size-full wp-image-535\" \/> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n<h3 id=\"right-align-no-caption\">Right-align, no caption<\/h3>\n<p>Right-aligned image with no caption, and text before and after. <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/test-image-landscape.jpg\" alt=\"\" title=\"test-image-landscape\" width=\"300\" height=\"199\" class=\"alignright size-full wp-image-535\" \/> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n<h3 id=\"no-alignment-no-caption\">No alignment, no caption<\/h3>\n<p>None-aligned image with no caption, and text before and after. <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/test-image-landscape.jpg\" alt=\"\" title=\"test-image-landscape\" width=\"300\" height=\"199\" class=\"alignnone size-full wp-image-535\" \/> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n<p><!--nextpage--><\/p>\n<h2>Image Alignment Tests: Captioned Images<\/h2>\n<h3 id=\"centered-image-with-caption\">Center-align with Caption<\/h3>\n<p>Center-aligned image with caption, and text before and after. <figure id=\"attachment_544\" aria-describedby=\"caption-attachment-544\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/boat.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/boat.jpg?w=300\" alt=\"\" title=\"boat\" width=\"300\" height=\"198\" class=\"size-medium wp-image-544\" \/><\/a><figcaption id=\"caption-attachment-544\" class=\"wp-caption-text\">A picture is worth a thousand words<\/figcaption><\/figure> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n<h3 id=\"left-align-no-caption\">Left-align with caption<\/h3>\n<p>Left-aligned image with caption, and text before and after. <figure id=\"attachment_544\" aria-describedby=\"caption-attachment-544\" style=\"width: 300px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/boat.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/boat.jpg?w=300\" alt=\"\" title=\"boat\" width=\"300\" height=\"198\" class=\"size-medium wp-image-544\" \/><\/a><figcaption id=\"caption-attachment-544\" class=\"wp-caption-text\">A picture is worth a thousand words<\/figcaption><\/figure> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n<h3 id=\"right-align-no-caption\">Right-align with caption<\/h3>\n<p>Right-aligned image with caption, and text before and after. <figure id=\"attachment_544\" aria-describedby=\"caption-attachment-544\" style=\"width: 300px\" class=\"wp-caption alignright\"><a href=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/boat.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/boat.jpg?w=300\" alt=\"\" title=\"boat\" width=\"300\" height=\"198\" class=\"size-medium wp-image-544\" \/><\/a><figcaption id=\"caption-attachment-544\" class=\"wp-caption-text\">A picture is worth a thousand words<\/figcaption><\/figure> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n<h3 id=\"no-alignment-no-caption\">No alignment, with caption<\/h3>\n<p>None-aligned image with caption, and text before and after. <figure id=\"attachment_544\" aria-describedby=\"caption-attachment-544\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/boat.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/boat.jpg?w=300\" alt=\"\" title=\"boat\" width=\"300\" height=\"198\" class=\"size-medium wp-image-544\" \/><\/a><figcaption id=\"caption-attachment-544\" class=\"wp-caption-text\">A picture is worth a thousand words<\/figcaption><\/figure> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n<p><!--nextpage--><\/p>\n<h2>Other Image Tests<\/h2>\n<h3 id=\"wide-image-resized-in-editor\">Wide Image, Resized In Editor<\/h3>\n<p>Image is 900x598px, resized in editor to 329&#215;222.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"329\" height=\"222\" alt=\"test-image-landscape-900\" class=\"alignnone size-full\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/test-image-landscape-900.jpg\"><\/p>\n<h3 id=\"wide-image-not-resized\">Wide Image, Not Resized<\/h3>\n<p>Image is 900x598px, not resized in editor, and does not overflow outside of the content area.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"598\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/test-image-landscape-900.jpg?w=900\" class=\"alignnone size-full\" alt=\"test-image-landscape-900\" \/><\/p>\n<h3 id=\"image-thumbnails\">Image Thumbnails<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/test-image-portrait.jpg?w=99\" alt=\"\" title=\"test-image-portrait\" width=\"99\" height=\"150\" class=\"alignnone size-thumbnail wp-image-536\" \/><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/test-image-landscape.jpg?w=150\" alt=\"\" title=\"test-image-landscape\" width=\"150\" height=\"99\" class=\"alignnone size-thumbnail wp-image-535\" \/><\/p>\n<p><!--nextpage--><\/p>\n<h2 id=\"clearing-floats\">Clearing Floats<\/h2>\n<p>The last item in this post is a floated image. Make sure any elements after it are clearing properly.<\/p>\n<p><a href=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/spectacles.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/catchthemes.com\/demo\/catchbox-pro\/files\/2012\/12\/spectacles.gif\" alt=\"\" title=\"spectacles\" width=\"165\" height=\"210\" class=\"alignleft size-full wp-image-543\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Image Alignment Tests: Un-Captioned Images Center-align, no caption Center-aligned image with no caption, and text before and after. ALorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt <a class=\"more-link\" href=\"https:\/\/catchthemes.com\/demo\/catchbox-pro\/2012\/12\/23\/images-test\/\">Continue Reading<span class=\"screen-reader-text\">Images Test<\/span><span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":22,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,13],"tags":[],"class_list":["post-52","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-theme-test"],"_links":{"self":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/posts\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":3,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/posts\/52\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/posts\/52\/revisions\/73"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/media\/22"}],"wp:attachment":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/categories?post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/tags?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}