{"id":9,"date":"2019-11-14T13:53:37","date_gmt":"2019-11-14T13:53:37","guid":{"rendered":"http:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/?page_id=9"},"modified":"2026-02-07T15:02:21","modified_gmt":"2026-02-07T15:02:21","slug":"flickr-album-gallery-pro-demo","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/","title":{"rendered":"Flickr Album Gallery Pro"},"content":{"rendered":"\t\t\t\t\t<style>\r\n\t\t\t\t\t.LoadingImg img {\r\n\t\t\t\t\t\tmax-width: 95px;\r\n\t\t\t\t\t\tmax-height: 95px;\r\n\t\t\t\t\t\tbox-shadow:  none;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\/* style for image thumbnail fixed*\/\r\n\t\t\t\t\t#fagp_201 .img-thumbnail {\r\n\t\t\t\t\t\tpadding: 4px;\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t@media only screen and (min-device-width: 665px) and (max-device-width: 667px) {\r\n\t\t\t\t\t\t#fagp_201 .img-thumbnail {\r\n\t\t\t\t\t\t    padding: 4px;\r\n\t\t\t\t\t\t    \t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t#fagp_201 .b-link-fade .b-wrapper,#fagp_201 .b-link-fade .b-top-line{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-link-flow .b-wrapper,#fagp_201 .b-link-flow .b-top-line{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-link-stroke .b-top-line{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-link-stroke .b-bottom-line{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t#fagp_201 .b-link-box .b-top-line{\r\n\t\t\t\t\t\tborder: 16px solid rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-link-box .b-bottom-line{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-link-stripe .b-line{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-link-apart-horisontal .b-top-line,#fagp_201 .b-link-apart-horisontal .b-top-line-up{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-link-apart-horisontal .b-bottom-line,#fagp_201 .b-link-apart-horisontal .b-bottom-line-up{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-link-apart-vertical .b-top-line,#fagp_201 .b-link-apart-vertical .b-top-line-up{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-link-apart-vertical .b-bottom-line,#fagp_201 .b-link-apart-vertical .b-bottom-line-up{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-link-diagonal .b-line{\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t#fagp_201 .hidepics {\r\n\t\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t@media (min-width: 992px){\r\n\t\t\t\t\t\t#fagp_201 .col-md-6 {\r\n\t\t\t\t\t\twidth: 49.97% !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t#fagp_201 .col-md-4 {\r\n\t\t\t\t\t\twidth: 33.30% !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t#fagp_201 .col-md-3 {\r\n\t\t\t\t\t\twidth: 24.90% !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t#fagp_201 .col-md-2 {\r\n\t\t\t\t\t\twidth: 16.60% !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t#fagp_201 .col-md-5 {\r\n\t\t\t\t\t\twidth: 20% !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t#fagp_201 .col-md-8 {\r\n\t\t\t\t\t\twidth: 12% !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t#fagp_201 .col-md-10 {\r\n\t\t\t\t\t\twidth: 10% !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t#lightbox .lb-outerContainer{\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.page-id-9 #elementor-lightbox { display: none !important; }\r\n\t\t\t\t\t.postid-9 #elementor-lightbox { display: none !important; }\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/* Hover.css Background Transitions - Use Hover Color + Opacity *\/\r\n\t\t\t\t\t#fagp_201 .hvr-fade:hover,\r\n\t\t\t\t\t#fagp_201 .hvr-fade:focus,\r\n\t\t\t\t\t#fagp_201 .hvr-fade:active {\r\n\t\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-back-pulse:hover,\r\n\t\t\t\t\t#fagp_201 .hvr-back-pulse:focus,\r\n\t\t\t\t\t#fagp_201 .hvr-back-pulse:active {\r\n\t\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-sweep-to-right:before,\r\n\t\t\t\t\t#fagp_201 .hvr-sweep-to-left:before,\r\n\t\t\t\t\t#fagp_201 .hvr-sweep-to-bottom:before,\r\n\t\t\t\t\t#fagp_201 .hvr-sweep-to-top:before {\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-bounce-to-right:before,\r\n\t\t\t\t\t#fagp_201 .hvr-bounce-to-left:before,\r\n\t\t\t\t\t#fagp_201 .hvr-bounce-to-bottom:before,\r\n\t\t\t\t\t#fagp_201 .hvr-bounce-to-top:before {\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-radial-out:before,\r\n\t\t\t\t\t#fagp_201 .hvr-radial-in {\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-rectangle-out:before,\r\n\t\t\t\t\t#fagp_201 .hvr-rectangle-in {\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-shutter-out-horizontal:before,\r\n\t\t\t\t\t#fagp_201 .hvr-shutter-out-vertical:before,\r\n\t\t\t\t\t#fagp_201 .hvr-shutter-in-horizontal,\r\n\t\t\t\t\t#fagp_201 .hvr-shutter-in-vertical {\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\/* Hover.css Border Transitions - Use only Hover Color *\/\r\n\t\t\t\t\t#fagp_201 .hvr-border-fade:hover,\r\n\t\t\t\t\t#fagp_201 .hvr-border-fade:focus,\r\n\t\t\t\t\t#fagp_201 .hvr-border-fade:active {\r\n\t\t\t\t\t\tbox-shadow: inset 0 0 0 4px #000000, 0 0 1px rgba(0,0,0,0);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-hollow {\r\n\t\t\t\t\t\tbox-shadow: inset 0 0 0 4px #000000, 0 0 1px rgba(0,0,0,0);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-ripple-out:before,\r\n\t\t\t\t\t#fagp_201 .hvr-ripple-in:before {\r\n\t\t\t\t\t\tborder-color: #000000;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-outline-out:before,\r\n\t\t\t\t\t#fagp_201 .hvr-outline-in:before {\r\n\t\t\t\t\t\tborder-color: #000000;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-underline-from-left:before,\r\n\t\t\t\t\t#fagp_201 .hvr-underline-from-center:before,\r\n\t\t\t\t\t#fagp_201 .hvr-underline-from-right:before,\r\n\t\t\t\t\t#fagp_201 .hvr-underline-reveal:before {\r\n\t\t\t\t\t\tbackground: #000000;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-overline-from-left:before,\r\n\t\t\t\t\t#fagp_201 .hvr-overline-from-center:before,\r\n\t\t\t\t\t#fagp_201 .hvr-overline-from-right:before,\r\n\t\t\t\t\t#fagp_201 .hvr-overline-reveal:before {\r\n\t\t\t\t\t\tbackground: #000000;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .hvr-reveal:before {\r\n\t\t\t\t\t\tborder-color: #000000;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\/* Image Color Overlay - Use Hover Color + Opacity *\/\r\n\t\t\t\t\t#fagp_201 .b-animate-go {\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-animate-go .b-wrapper {\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\t\t\t\t\topacity: 0;\r\n\t\t\t\t\t\ttransition: opacity 0.3s ease;\r\n\t\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t\t\tz-index: 10;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t#fagp_201 .b-animate-go:hover .b-wrapper {\r\n\t\t\t\t\t\topacity: 1;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t<\/style>\r\n\t\t\t\t\t<!-- Gallery Thumbnails -->\r\n\t\t\t\t\t<div class=\"album-gallery-main\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gallery201\" id=\"fagp_201\">\r\n\t\t\t\t\t\t\t<div class=\"col-xs-12 spinner-wrapper\">\r\n\t\t\t\t\t\t\t\t<div class=\"LoadingImg\"><img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/wp-content\/plugins\/flickr-album-gallery-pro\/img\/1.gif\" \/><\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div style=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div  class=\"gallery-container   \"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t<!-- Hover Animation Effect JS-->\r\n\t\t\t<!-- Hover\/Isotope inline JS removed; handled by fagp-frontend.js and hover-pack.js -->\r\n\t\t\t<!-- Inline hover and isotope blocks fully removed (handled by fagp-frontend.js) -->\r\n\t\t<div style=\"font-size: small; margin-top:10px; float: left; display:none;\">\r\n\t\t\tFlickr Album Gallery Pro Powered By: <a href=\"https:\/\/wpfrank.com\/\" target=\"_blank\">WP Frank<\/a>\r\n\t\t<\/div>\r\n\t\t\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Tutorial Video<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\">How to create a Flickr Album Gallery and publish on your website?<\/h3>\n\n\n\n<div align=\"center\"><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/3nhFNM-EdSI\" width=\"100%\" height=\"550\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/www.youtube.com\/playlist?list=PLOeoids2h7nI_uvEVMYMKrrKjrfDTQPMx\" target=\"_blank\" rel=\"noreferrer noopener\">Flickr Album Gallery Pro Video Docs<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tutorial Video How to create a Flickr Album Gallery and publish on your website?<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":22,"href":"https:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/wp-json\/wp\/v2\/pages\/9\/revisions\/202"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/flickr-album-gallery-pro\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}