{"id":64,"date":"2019-08-02T08:53:47","date_gmt":"2019-08-02T16:53:47","guid":{"rendered":"http:\/\/theviewthroughmylens.com\/?post_type=jetpack-portfolio&#038;p=64"},"modified":"2019-08-02T08:57:29","modified_gmt":"2019-08-02T16:57:29","slug":"black-white","status":"publish","type":"jetpack-portfolio","link":"https:\/\/theviewthroughmylens.com\/?portfolio=black-white","title":{"rendered":"Black &#038; White"},"content":{"rendered":"\n<style>\n    \/* Portfolio Options Configuration Goes Here*\/\n    #gallery .tile:hover{\n        cursor: pointer !important;\n    }\n\n    \/* - - - - - - - - - - - - - - -*\/\n    \/* Tile Hover Customizations *\/\n\n    \/* Customize overlay background *\/\n    #gallery .crp-tile-inner .overlay,\n    #gallery .tile .caption {\n        background-color: rgba(0,0,0,0.50196078431373) !important;\n    }\n\n    #gallery .crp-tile-inner.crp-details-bg .details {\n        background-color: rgba(0,0,0,0.50196078431373) !important;\n    }\n\n    #gallery .crp-tile-inner .details h3 {\n        color: #ffffff;\n        text-align: center;\n        font-size: 18px;\n    }\n\n    #gallery .crp-tile-inner .details p {\n        color: #ffffff;\n        text-align: center;\n        font-size: 11px;\n    }\n\n        #gallery .crp-tile-inner .details h3 {\n        margin-bottom: 0px;\n    }\n    \n<\/style>\n\n<!--Here Goes HTML-->\n<div class=\"crp-wrapper\">\n    <div id=\"gallery\">\n        <div id=\"ftg-items\" class=\"ftg-items\">\n                            <div id=\"crp-tile-29\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"29\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Lone-Tree_T.jpg\" data-width=\"1149\" data-height=\"1500\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Lone Tree<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-28\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"28\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Long-Road-Home_T.jpg\" data-width=\"1004\" data-height=\"1500\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Long Road Home<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-16\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"16\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Pier-View.jpg\" data-width=\"1000\" data-height=\"896\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Pier View<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-15\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"15\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Pullman.jpg\" data-width=\"1200\" data-height=\"718\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Pullman<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-14\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"14\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/abandon-dreams.jpg\" data-width=\"1200\" data-height=\"803\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Willow Bridge #2<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-13\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"13\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/willow-bridge-1.jpg\" data-width=\"1200\" data-height=\"745\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Willow Bridge #1<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                                        <ul id=\"crp-light-gallery\" class=\"crp-light-gallery\" style=\"display: none;\" >\n                                    \n                    <li id=\"crp-light-gallery-item-29\" data-src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Lone-Tree_T.jpg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Lone Tree&lt;\/h4&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Lone-Tree_T-230x300.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-28\" data-src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Long-Road-Home_T.jpg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Long Road Home&lt;\/h4&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Long-Road-Home_T-201x300.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-16\" data-src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Pier-View.jpg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Pier View&lt;\/h4&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Pier-View-300x269.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-15\" data-src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Pullman.jpg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Pullman&lt;\/h4&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/Pullman-300x180.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-14\" data-src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/abandon-dreams.jpg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Willow Bridge #2&lt;\/h4&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/abandon-dreams-300x201.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-13\" data-src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/willow-bridge-1.jpg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Willow Bridge #1&lt;\/h4&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/theviewthroughmylens.com\/wp-content\/uploads\/2019\/08\/willow-bridge-1-300x186.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                <\/ul>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n<!--Here Goes JS-->\n<script>\n    (function($) {\n        jQuery(document).ready(function(){\n\n            var tileParams = {};\n\n            if(0) {\n                tileParams.approxTileWidth = 250;\n                tileParams.approxTileHeight = 250;\n                tileParams.minTileWidth = 200;\n            }\n\n            if(0) {\n                tileParams.addBlock1Height = 40;\n                tileParams.addBlock2Height = 100;\n            }\n            jQuery('#gallery').crpTiledLayer(tileParams);\n\n            jQuery( \".crp-light-gallery\" ).each(function() {\n              var id = $( this ).attr(\"id\");\n              jQuery(\"#\" + id).lightGallery({\n                mode: 'slide',\n                useCSS: true,\n                cssEasing: 'ease', \/\/'cubic-bezier(0.25, 0, 0.25, 1)',\/\/\n                easing: 'linear', \/\/'for jquery animation',\/\/\n                speed: 600,\n                addClass: '',\n\n                closable: true,\n                loop: true,\n                auto: false,\n                pause: 6000,\n                escKey: true,\n                controls: true,\n                hideControlOnEnd: false,\n\n                preload: 1, \/\/number of preload slides. will exicute only after the current slide is fully loaded. ex:\/\/ you clicked on 4th image and if preload = 1 then 3rd slide and 5th slide will be loaded in the background after the 4th slide is fully loaded.. if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.. ... ...\n                showAfterLoad: true,\n                selector: null,\n                index: false,\n\n                lang: {\n                    allPhotos: 'All photos'\n                },\n                counter: false,\n\n                exThumbImage: false,\n                thumbnail: true,\n                showThumbByDefault:false,\n                animateThumb: true,\n                currentPagerPosition: 'middle',\n                thumbWidth: 150,\n                thumbMargin: 10,\n\n\n                mobileSrc: false,\n                mobileSrcMaxWidth: 640,\n                swipeThreshold: 50,\n                enableTouch: true,\n                enableDrag: true,\n\n                vimeoColor: 'CCCCCC',\n                youtubePlayerParams: false, \/\/ See: https:\/\/developers.google.com\/youtube\/player_parameters,\n                videoAutoplay: true,\n                videoMaxWidth: '855px',\n\n                dynamic: false,\n                dynamicEl: [],\n\n                \/\/ Callbacks el = current plugin\n                onOpen        : function(el) {}, \/\/ Executes immediately after the gallery is loaded.\n                onSlideBefore : function(el) {}, \/\/ Executes immediately before each transition.\n                onSlideAfter  : function(el) {}, \/\/ Executes immediately after each transition.\n                onSlideNext   : function(el) {}, \/\/ Executes immediately before each \"Next\" transition.\n                onSlidePrev   : function(el) {}, \/\/ Executes immediately before each \"Prev\" transition.\n                onBeforeClose : function(el) {}, \/\/ Executes immediately before the start of the close process.\n                onCloseAfter  : function(el) {}, \/\/ Executes immediately once lightGallery is closed.\n                onOpenExternal  : function(el, index) {\n                    if($(el).attr('data-url')) {\n                        var href = $(el).attr(\"data-url\");\n                    } else {\n                        var href = $(\"#crp-light-gallery li\").eq(index).attr('data-url');\n                    }\n                    if(href) {\n                        crp_loadHref(href,true);\n                    }else {\n                        return false;\n                    }\n\n                }, \/\/ Executes immediately before each \"open external\" transition.\n                onToggleInfo  : function(el) {\n                  var $info = $(\".lg-info\");\n                  if($info.css(\"opacity\") == 1){\n                    $info.fadeTo(\"slow\",0);\n                  }else{\n                    $info.fadeTo(\"slow\",1);\n                  }\n                } \/\/ Executes immediately before each \"toggle info\" transition.\n              });\n            });\n\n            jQuery(\".tile\").on('click', function (event){\n                if(jQuery(event.target).hasClass('crp-product-buy-button') || jQuery(event.target).hasClass('crp-product-checkout-button')) {\n                    return false;\n                } else if(jQuery(event.target).is(\"a\")) {\n                  return true;\n                }\n\n                \n                event.preventDefault();\n                if(jQuery(event.target).hasClass(\"fa\") && !jQuery(event.target).hasClass(\"zoom\")) return;\n\n                                var tileId = jQuery(\".tile-inner\", jQuery(this)).attr(\"id\");\n                var target = jQuery(\"#crp-light-gallery-item-\"+tileId);\n                                target.trigger( \"click\" );\n            });\n\n        });\n    })( jQuery );\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","jetpack-portfolio-type":[],"jetpack-portfolio-tag":[],"class_list":["post-64","jetpack-portfolio","type-jetpack-portfolio","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theviewthroughmylens.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theviewthroughmylens.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio"}],"about":[{"href":"https:\/\/theviewthroughmylens.com\/index.php?rest_route=\/wp\/v2\/types\/jetpack-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/theviewthroughmylens.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theviewthroughmylens.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=64"}],"wp:attachment":[{"href":"https:\/\/theviewthroughmylens.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=64"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/theviewthroughmylens.com\/index.php?rest_route=%2Fwp%2Fv2%2Fjetpack-portfolio-type&post=64"},{"taxonomy":"jetpack-portfolio-tag","embeddable":true,"href":"https:\/\/theviewthroughmylens.com\/index.php?rest_route=%2Fwp%2Fv2%2Fjetpack-portfolio-tag&post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}