{"id":6187,"date":"2020-11-18T18:56:20","date_gmt":"2020-11-18T18:56:20","guid":{"rendered":"http:\/\/www.pmstudios.co.uk\/blog\/?p=6187"},"modified":"2020-11-18T19:03:41","modified_gmt":"2020-11-18T19:03:41","slug":"a-tour-through-time-for-a-tree-using-a-before-after-slider","status":"publish","type":"post","link":"https:\/\/www.pmstudios.co.uk\/blog\/?p=6187","title":{"rendered":"A &#8216;Tour Through Time&#8217; for a tree using a before\/after slider:"},"content":{"rendered":"\n<p>This post is to show how the tree looks at two times using a comparison slider. Click and hold, then drag the slider (mouse) or drag the slider with the finger (tablet\/phone) left or right to see the changes. The first shows the tree on 15th March 2020 and 20th July 2020:<\/p>\n\n\n\n<div class=\"image-compare-viewer\" >\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"http:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-02-F20B2365r1-600x400.jpg\" alt=\"\" class=\"wp-image-6185\" srcset=\"https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-02-F20B2365r1-600x400.jpg 600w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-02-F20B2365r1-300x200.jpg 300w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-02-F20B2365r1-150x100.jpg 150w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-02-F20B2365r1-768x512.jpg 768w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-02-F20B2365r1-1536x1024.jpg 1536w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-02-F20B2365r1-2048x1365.jpg 2048w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-02-F20B2365r1-1200x800.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"http:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-600x400.jpg\" alt=\"\" class=\"wp-image-6186\" srcset=\"https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-600x400.jpg 600w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-300x200.jpg 300w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-150x100.jpg 150w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-768x512.jpg 768w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-1536x1024.jpg 1536w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-2048x1365.jpg 2048w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-1200x800.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n<\/div>\n\n\n\n<p>This second comparison shows the tree on 20th July 2020 and 6th November 2020. Note how some of the lower branches have been removed:<\/p>\n\n\n\n<div class=\"image-compare-viewer\" >\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"http:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-600x400.jpg\" alt=\"\" class=\"wp-image-6186\" srcset=\"https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-600x400.jpg 600w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-300x200.jpg 300w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-150x100.jpg 150w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-768x512.jpg 768w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-1536x1024.jpg 1536w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-2048x1365.jpg 2048w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-06-F20B6297r1-1200x800.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"http:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-09-F20C0172r1-600x400.jpg\" alt=\"\" class=\"wp-image-6197\" srcset=\"https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-09-F20C0172r1-600x400.jpg 600w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-09-F20C0172r1-300x200.jpg 300w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-09-F20C0172r1-150x100.jpg 150w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-09-F20C0172r1-768x512.jpg 768w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-09-F20C0172r1-1536x1024.jpg 1536w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-09-F20C0172r1-2048x1365.jpg 2048w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2020\/11\/treeyear-09-F20C0172r1-1200x800.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n<\/div>\n\n\n\n<p>This has been quite an interesting exercise!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This post is to show how the tree looks at two times using a comparison slider. Click and hold, then drag the slider (mouse) or drag the slider with the finger (tablet\/phone) left or right to see the changes. The first shows the tree on 15th March 2020 and 20th July 2020: This second comparison &hellip; <a href=\"https:\/\/www.pmstudios.co.uk\/blog\/?p=6187\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;A &#8216;Tour Through Time&#8217; for a tree using a before\/after slider:&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,32],"tags":[],"class_list":["post-6187","post","type-post","status-publish","format-standard","hentry","category-photography","category-trees"],"_links":{"self":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/posts\/6187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6187"}],"version-history":[{"count":16,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/posts\/6187\/revisions"}],"predecessor-version":[{"id":6276,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/posts\/6187\/revisions\/6276"}],"wp:attachment":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6187"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}