{"id":466,"date":"2025-04-07T08:26:45","date_gmt":"2025-04-07T08:26:45","guid":{"rendered":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/?page_id=466"},"modified":"2025-04-07T08:26:45","modified_gmt":"2025-04-07T08:26:45","slug":"layout-3","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/layout-3\/","title":{"rendered":"Layout 3"},"content":{"rendered":"<div class='fr_wraper' version='3.3.6'>\t\t\n\t\t<p class=\"flickr-gallery-title-465 mb-3\"><strong>Layout 3<\/strong><\/p>\n\t\t<style>\n\t\t.flickr-gallery-title-465 {\n\t\t\tfont-size: 28px;\n\t\t\tcolor: #000000 !important;\n\t\t\tborder-bottom: 1px solid #eee;\n\t\t\ttext-align: center !important;\n\t\t}\n\t\t .flickr-video-wrapper {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t.video-thumb-overlay {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.video-icon-overlay {\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\tpointer-events: none;\n\t\t}\n\t\t<\/style>\n\t\t<section class=\"flickr-photo-stream-gallery-465\">\r\n\t<div class=\"mt-3 mb-3\">\r\n\t\t<div id=\"free-wall-465\" class=\"free-wall-465\">\r\n\t\t<a href=\"https:\/\/live.staticflickr.com\/65535\/54434968157_00bc802f41_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">Orchid<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:371px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/54434968157_00bc802f41_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54434968157_00bc802f41_c.jpg' alt='Orchid' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>Orchid<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/48204201586_54207d6e5f_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">image-from-rawpixel-id-559944-jpeg<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:220px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/48204201586_54207d6e5f_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/48204201586_54207d6e5f_c.jpg' alt='image-from-rawpixel-id-559944-jpeg' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>image-from-rawpixel-id-559944-jpeg<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/54436017404_1b1a01c599_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">Sunflower<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:370px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/54436017404_1b1a01c599_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54436017404_1b1a01c599_c.jpg' alt='Sunflower' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>Sunflower<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/54436008959_a44ed19879_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">Pink gerbera<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:320px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/54436008959_a44ed19879_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54436008959_a44ed19879_c.jpg' alt='Pink gerbera' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>Pink gerbera<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/48204201636_f378a70c0a_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">image-from-rawpixel-id-535526-jpeg<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:280px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/48204201636_f378a70c0a_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/48204201636_f378a70c0a_c.jpg' alt='image-from-rawpixel-id-535526-jpeg' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>image-from-rawpixel-id-535526-jpeg<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/54435822226_38fe393930_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">Flowers<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:300px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/54435822226_38fe393930_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54435822226_38fe393930_c.jpg' alt='Flowers' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>Flowers<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/48204249572_ff2196648c_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">ameen-fahmy-520661-unsplash<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:318px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/48204249572_ff2196648c_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/48204249572_ff2196648c_c.jpg' alt='ameen-fahmy-520661-unsplash' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>ameen-fahmy-520661-unsplash<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/54436200240_353e3eccb9_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">Simple red<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:201px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/54436200240_353e3eccb9_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54436200240_353e3eccb9_c.jpg' alt='Simple red' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>Simple red<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/48204249772_0e8ae8fc69_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">aleksandar-kyng-1359480-unsplash<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:212px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/48204249772_0e8ae8fc69_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/48204249772_0e8ae8fc69_c.jpg' alt='aleksandar-kyng-1359480-unsplash' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>aleksandar-kyng-1359480-unsplash<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/54436067543_bbcc1f498f_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">Colorful Flower<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:266px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/54436067543_bbcc1f498f_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54436067543_bbcc1f498f_c.jpg' alt='Colorful Flower' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>Colorful Flower<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/48204201771_3b43d4615d_b.jpg\" class=\"flickr-hover-effect\" h4 =lightgallery-titile-465 target=\"_blank\" rel=\"noopener\">cristiane-teston-454120-unsplash<\/h4>' data-rel='lightcase-465:myCollection:slideshow'>\r\n\t\t\t\t\t\t\t<div class='photo-brick ' style='width:387px; height:200px; background-image: url(https:\/\/live.staticflickr.com\/65535\/48204201771_3b43d4615d_c.jpg); background-position: center; background-repeat: no-repeat; position: relative;'>\r\n\t\t\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/48204201771_3b43d4615d_c.jpg' alt='cristiane-teston-454120-unsplash' class='d-none'>\r\n\t\t\t\t\t\t\t\t<div class='fl-captionWrapper'>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption-overlay'><\/div>\r\n\t\t\t\t\t\t\t\t\t<div class='fl-caption'>cristiane-teston-454120-unsplash<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a>\t\t<\/div>\r\n\t\t\t\t<script type=\"text\/javascript\">\r\n\t\t\t\/\/jQuery( window ).load(function() {\r\n\t\t\tjQuery(document).ready(function () {\r\n\t\t\t\tvar wall = new Freewall(\"#free-wall-465\");\r\n\t\t\t\twall.reset({\r\n\t\t\t\t\tselector: '.photo-brick',\r\n\t\t\t\t\tanimate: true,\r\n\t\t\t\t\tcellW: 20,\r\n\t\t\t\t\tcellH: 200,\r\n\t\t\t\t\tonResize: function() {\r\n\t\t\t\t\t\twall.fitWidth();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\twall.fitWidth();\r\n\t\t\t\t\r\n\t\t\t\t\/\/ for scroll bar appear;\r\n\t\t\t\tjQuery(window).trigger(\"resize\");\r\n\t\t\t\t\r\n\t\t\t\t(function(){\r\n\t\t\t  \/\/ Check if URL has ?fpage=\r\n\t\t\t\t  if (window.location.search.indexOf('alb_page=') > -1) {\r\n\t\t\t\t\t\/\/ Construct a new URL object\r\n\t\t\t\t\tconst url = new URL(window.location.href);\r\n\t\t\t\t\t\/\/ Remove 'alb_page' param\r\n\t\t\t\t\turl.searchParams.delete('alb_page');\r\n\t\t\t\t\t\/\/ Replace the current history state so user sees a clean URL\r\n\t\t\t\t\twindow.history.replaceState({}, \"\", url.toString());\r\n\t\t\t\t  }\r\n\t\t\t\t})();\r\n\t\t\t\t\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\t\t\t\t\/\/ lightgallery lightbox js\r\n\t\t\tjQuery( window ).load(function() {\r\n\t\t\t\tjQuery('#free-wall-465').lightGallery({\r\n\t\t\t\t\tselector: 'a.flickr-hover-effect',\r\n\t\t\t\t\tdownload: true,\r\n\t\t\t\t\tcounter: true,\t\t\t\t\/\/image count hide show\r\n\t\t\t\t\tautoplayControls: true,\t\/\/auto play icon show hide\r\n\t\t\t\t\tfullScreen: true,\r\n\t\t\t\t\tenableSwipe: true,\r\n\t\t\t\t\tenableDrag: true,\r\n\t\t\t\t\tthumbnail:true,\r\n\t\t\t\t\tanimateThumb: true,\t\t\t\t\t\t\t\t\t\t\t\/\/ Show \/ Hide Thumbnail All Images In same line or vertical line\r\n\t\t\t\t\t\/\/show and hide thumb setting\r\n\t\t\t\t\t\t\t\t\t\tshowThumbByDefault: false,\r\n\t\t\t\t\tsubHtmlSelectorRelative: false,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmode : 'lg-fade',\r\n\t\t\t\t\t\t\t\t\t\tspeed: 500,\r\n\t\t\t\t\tzoom: true,\r\n\t\t\t\t\tactualSize: true,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\t\t\t<\/script>\r\n\t<\/div>\r\n<\/section><\/div>\t\n\t<style>\n\t\t\t\/* lightbox tools css start *\/\n\t\t.lg-icon,\n\t\t.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {\n\t\t\tborder-color: #FFFFFF !important;\n\t\t\tcolor : #FFFFFF !important;\n\t\t}\n\t\t.lg-icon:hover {\n\t\t\tcolor : white !important;\n\t\t}\n\t\t.lightgallery-titile-465 {\n\t\t\tcolor: #FFFFFF !important;\n\t\t}\n\t\t.lg-outer .lg-toogle-thumb:hover {\n\t\t\tcolor: #FFF !important;\n\t\t}\n\t\t\/* lightbox tools css end *\/\n\t\t\t\n\t\t\/* flickr caption *\/\n\t\t\n\t\t\t\t.free-wall-465 .flickr-hover-effect:hover .fl-captionWrapper {\n\t\t\t\tdisplay: initial;\n\t\t\t\tfilter: \"alpha(opacity=70)\";\n\t\t\t\topacity: 1;\n\t\t\t\t-webkit-transition: opacity 0.3s ease-in;\n\t\t\t\t-moz-transition: opacity 0.3s ease-in;\n\t\t\t\t-o-transition: opacity 0.3s ease-in;\n\t\t\t\ttransition: opacity 0.3s ease-in;\n\t\t\t}\n\n\t\t\t.free-wall-465 .fl-captionWrapper {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 5px;\n\t\t\t\topacity: 0;\n\t\t\t\tcolor: #ffffff;\n\t\t\t\tbox-shadow: inset 0px -10px 15px -5px #212529;\n\t\t\t\theight: 80px;\n\t\t\t}\n\t\t\t.free-wall-465  .fl-caption {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 5px;\n\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t\t.justified-gallery > a > .jg-caption.jg-caption-visible,\n\t\t\t\t.justified-gallery > div > .jg-caption.jg-caption-visible,\n\t\t\t\t.justified-gallery > figure > .jg-caption.jg-caption-visible {\n\t\t\t\t  display: initial;\n\t\t\t\t  filter: \"alpha(opacity=70)\";\n\t\t\t\t  opacity: 0.7;\n\t\t\t\t  -webkit-transition: opacity 500ms ease-in;\n\t\t\t\t  -moz-transition: opacity 500ms ease-in;\n\t\t\t\t  -o-transition: opacity 500ms ease-in;\n\t\t\t\t  transition: opacity 500ms ease-in;\n\t\t\t\t}\n\t\t<\/style>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-466","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/pages\/466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/comments?post=466"}],"version-history":[{"count":1,"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/pages\/466\/revisions"}],"predecessor-version":[{"id":468,"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/pages\/466\/revisions\/468"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/media?parent=466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}