{"id":384,"date":"2020-05-31T12:54:37","date_gmt":"2020-05-31T12:54:37","guid":{"rendered":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/?page_id=384"},"modified":"2020-05-31T12:54:38","modified_gmt":"2020-05-31T12:54:38","slug":"example-1","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/example-1\/","title":{"rendered":"Example 1"},"content":{"rendered":"\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"flickr-profile-383 mb-3 mt-3 pb-3 pt-3\">\r\n\t<div class=\"row\">\r\n\t\t\t\t<div class=\"col-12 mb-4\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/farm66.staticflickr.com\/65535\/buddyicons\/148536781@N05.jpg\" class=\"flickr-avatar img-circle mx-auto d-block\" alt=\"AWPLife\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"col-12 mb-5\">\r\n\t\t\t<div class=\"text-center flickr-title\">A WP Life<\/div>\r\n\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t<div class=\"row\">\r\n\t\t<div class=\"col-md-1 col-sm-6 mb-1\">\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"col-md-2 col-sm-6 mb-1\">\r\n\t\t\t<div class=\"text-center flickr-followers flickr-pf-color\">41.17k Followers<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"col-md-2 col-sm-6 mb-1\">\r\n\t\t\t<div class=\"text-center flickr-following flickr-pf-color\">1 Following<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"col-md-2 col-sm-6 mb-1\">\r\n\t\t\t<div class=\"text-center flickr-photo-count flickr-pf-color\">155 Photos<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"col-md-2 col-sm-6 mb-1\">\r\n\t\t\t<div class=\"text-center flickr-joined flickr-pf-color\">Feb 2017 Joined<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"col-md-2 col-sm-6 mb-1\">\r\n\t\t\t<div class=\"text-center flickr-follow-button\">\r\n\t\t\t<a href=\"https:\/\/www.flickr.com\/people\/148536781@N05\/\" class=\"btn btn-danger btn-sm\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"fr-profile-img\" src=\"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-content\/plugins\/flickr-gallery-premium-v-3.3.6\/assets\/images\/flickr.svg\"> Follow<\/a>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"col-md-1 col-sm-6 mb-1\">\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Flickr Profile *\/\r\n.flickr-profile-383 {\r\n\t\tbackground-image: url(\"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-content\/uploads\/sites\/46\/2020\/05\/doll-wearing-eyeglasses-160472.jpg\");\r\n\t\theight: auto;\r\n\twidth: 100%;\r\n\tbackground-size: 100%;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: left;\r\n\tbackground-attachment: fixed;\r\n}\r\n.flickr-avatar {\r\n\twidth: 100px;\r\n\theight: 100px;\r\n\tborder-radius: 50%;\r\n}\r\n.flickr-title {\r\n\tfont-size: 36px;\r\n\tcolor: #eded6a;\r\n}\r\n.flickr-followers, .flickr-following, .flickr-photo-count, .flickr-joined, .flickr-follow-button {\r\n\tcolor: #FFF;\r\n\t\r\n}\r\n@media screen and (max-width: 768px) {\r\n\t.flickr-profile-383 {\r\n\t\theight: auto !important;\r\n\t\twidth: auto !important;\r\n\t}\r\n}\r\n.flickr-pf-color {\r\n\tbackground-color: #000;\r\n\tpadding: 5px;\r\n}\r\n.fr-profile-img {\r\n\twidth: 18px;\r\n\theight: 18px;\r\n\tborder-radius: 2px;\r\n}\r\n.flickr-follow-button a{\r\n\ttext-decoration: none !important;\r\n}\r\n<\/style>\r\n<div class='fr_wraper' version='3.3.6'>\t\t\n\t\t<p class=\"flickr-gallery-title-383 mb-3\"><strong>Example 1<\/strong><\/p>\n\t\t<style>\n\t\t.flickr-gallery-title-383 {\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: left !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\r\n\t <div id=\"flickrjjustified-383\" class=\"justified-gallery-383\">\r\n\t\t<a href=\"https:\/\/live.staticflickr.com\/65535\/54435997089_18d0b5dc17_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">Ducati<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54435997089_18d0b5dc17_c.jpg' alt='Ducati' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/54436060828_86a48b0efe_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">Duke 200<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54436060828_86a48b0efe_c.jpg' alt='Duke 200' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/51796211873_2a9e080097_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">yamaha_bike_ride-HD<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/51796211873_2a9e080097_c.jpg' alt='yamaha_bike_ride-HD' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/51796458994_69570b8a5f_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">honda_cbr_600rr_road-wide<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/51796458994_69570b8a5f_c.jpg' alt='honda_cbr_600rr_road-wide' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/54436062708_d555641e8b_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">Honda crf230<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54436062708_d555641e8b_c.jpg' alt='Honda crf230' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/54435814821_df8ab74cea_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">Harley davidson<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54435814821_df8ab74cea_c.jpg' alt='Harley davidson' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/51796086756_8c1e79703d_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">kawasaki_z1000sx-wide<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/51796086756_8c1e79703d_c.jpg' alt='kawasaki_z1000sx-wide' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/51796819630_3a2e8e4216_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">ducati_streetfighter_2009-normal<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/51796819630_3a2e8e4216_c.jpg' alt='ducati_streetfighter_2009-normal' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/54436000914_180463b49e_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">Yamaha Bike Forest Sunset<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54436000914_180463b49e_c.jpg' alt='Yamaha Bike Forest Sunset' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/51796819590_82db50e9ae_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">ktm_1190_rc8_r-wide<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/51796819590_82db50e9ae_c.jpg' alt='ktm_1190_rc8_r-wide' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/51796086731_6e78f6eaaf_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">super_bike_concept-1600x1200<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/51796086731_6e78f6eaaf_c.jpg' alt='super_bike_concept-1600x1200' width='100%'>\r\n\t\t\t\t\t\t<\/a><a href=\"https:\/\/live.staticflickr.com\/65535\/54435999039_efc41faf4d_b.jpg\" class=\"flickr-album-four-function\" style=\"\" h4 =lightgallery-titile-383 target=\"_blank\" rel=\"noopener\">CBR HONDA<\/h4>' data-rel='lightcase-383:myCollection:slideshow'>\r\n\t\t\t\t\t\t<img src='https:\/\/live.staticflickr.com\/65535\/54435999039_efc41faf4d_c.jpg' alt='CBR HONDA' width='100%'>\r\n\t\t\t\t\t\t<\/a>\t<\/div>\r\n\t\t\t<script type=\"text\/javascript\">\r\n\t\t\r\n\t\t\/\/ lightgallery lightbox js\r\n\t\tjQuery(document).ready(function () {\r\n\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\t var $galleryContainer = jQuery('#flickrjjustified-383');\r\n    \r\n\t\t\t\t\/\/ 1. Gallery container ke andar se video container (jisme 'exclude' class hai) ko detach kar dein.\r\n\t\t\t\tvar $videoDivs = $galleryContainer.find('div.exclude').detach();\r\n\t\t\t\t\r\n\t\t\t\t\/\/ 2. Ab gallery initialize karein; ismein sirf desired elements (jaise anchor tags) honge.\r\n\t\t\t\t$galleryContainer.justifiedGallery({\r\n\t\t\t\t\tselector: 'a.flickr-album-four-function:visible',\r\n\t\t\t\t\trowHeight: 200,\r\n\t\t\t\t\tlastRow: 'nojustify',\r\n\t\t\t\t\tmargins: 10\r\n\t\t\t\t});\r\n\t\t\t\t\r\n\t\t\t\t\/\/ 3. (Optional) Agar aap chahte hain ki video container lightGallery ke liye available rahe,\r\n\t\t\t\t\/\/    toh aap inhe container ke bahar ya body ke end mein reattach kar sakte hain.\r\n\t\t\t\t\/\/    Yahan, hum unhe body ke ant mein append kar rahe hain.\r\n\t\t\t\tjQuery('body').append($videoDivs);\r\n\t\t });\r\n\t\t \r\n\t\t\r\n\r\n\r\n\t \t\tjQuery( window ).load(function() {\r\n\t\t\tjQuery('#flickrjjustified-383').lightGallery({\r\n\t\t\t\tselector: 'a.flickr-album-four-function',\r\n\t\t\t\tdownload: true,\r\n\t\t\t\tcounter: true,\t\t\t\t\/\/image count hide show\r\n\t\t\t\tautoplayControls: true,\t\/\/auto play icon show hide\r\n\t\t\t\tfullScreen: true,\r\n\t\t\t\tenableSwipe: true,\r\n\t\t\t\tenableDrag: true,\r\n\t\t\t\tthumbnail:true,\r\n\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\/\/show and hide thumb setting\r\n\t\t\t\t\t\t\t\tshowThumbByDefault: false,\r\n\t\t\t\tsubHtmlSelectorRelative: false,\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tspeed: 500,\r\n\t\t\t\tzoom: true,\r\n\t\t\t\tactualSize: true,\r\n\t\t\t});\r\n\t\t});\r\n\t\t\t<\/script><\/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-383 {\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-383 .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-383 .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-383  .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-384","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/pages\/384","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=384"}],"version-history":[{"count":1,"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/pages\/384\/revisions"}],"predecessor-version":[{"id":386,"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/pages\/384\/revisions\/386"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/flickr-gallery-premium\/wp-json\/wp\/v2\/media?parent=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}