{"id":662,"date":"2018-12-27T13:55:14","date_gmt":"2018-12-27T13:55:14","guid":{"rendered":"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/?page_id=662"},"modified":"2018-12-28T08:07:31","modified_gmt":"2018-12-28T08:07:31","slug":"advance-fancy-box-lightbox-gallery","status":"publish","type":"page","link":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/advance-fancy-box-lightbox-gallery\/","title":{"rendered":"Advance Fancy Box Lightbox Gallery"},"content":{"rendered":"\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n\t        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\n    <style>\n        #rpp_663 a.jp-previous {\n            font-family: Courgette;\n        }\n\n        #rpp_663 a.jp-next {\n            font-family: Courgette;\n        }\n\n        #rpp_663 .owl-prev {\n            font-family: Courgette;\n        }\n\n        #rpp_663 .owl-next {\n            font-family: Courgette;\n        }\n\n        #rpp_663 .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n          border: 5px solid#FFFFFF;\n                }\n\n        #rpp_663 .weblizar-portfolio-gallery a,\n        #rpp_663 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            border-radius: 0px;\n            -webkit-transition: all .55s linear;\n            -moz-transition: all .55s linear;\n            -o-transition: all .55s linear;\n            transition: all .55s linear;\n                }\n\n        #rpp_330 .gal-container .weblizar-portfolio-gallery a img {\n            border-radius: 50% !important;\n        }\n\n        #rpp_663 .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.1)rotate(15deg);\n            -webkit-transform: scale(1.1)rotate(15deg);\n            -o-transform: scale(1.1)rotate(15deg);\n            transform: scale(1.1)rotate(15deg);\n                }\n\n        #rpp_663 .weblizar-portfolio-gallery:hover {\n                }\n\n        #rpp_663 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            width: 100%;\n            height: auto;\n        }\n\n        #rpp_663 .weblizar-portfolio-gallery a {\n            overflow: hidden;\n        }\n\n        #rpp_663 .weblizar-portfolio-gallery a div {\n            position: absolute;\n            background: rgba(49, 163, 221, 0.5);\n            width: 100%;\n            height: 100%;\n            border: 0px solid rgba(0, 0, 0, 0.3);\n         display: flex !important;\n            justify-content: center;\n            align-items: center;\n        }\n\n        #rpp_663 .weblizar-portfolio-gallery a div span {\n            display: block;\n            padding: 10px 0;\n            margin: 20px;\n            text-transform: none;\n            font-weight: normal;\n            text-align: center;\n            color: rgba(255, 255, 255, 0.9);\n            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);\n        }\n\n        @media (min-width: 992px) {\n            #rpp_663 .col-md-6 {\n                width: 49.97% !important;\n            }\n\n            #rpp_663 .col-md-4 {\n                width: 33.30% !important;\n            }\n\n            #rpp_663 .col-md-3 {\n                width: 24.90% !important;\n            }\n        }\n\n        #rpp_663 .col-md-6 {\n            padding: 0px;\n        }\n\n        #rpp_663 .col-md-4 {\n            padding: 0px;\n        }\n\n        #rpp_663 .col-md-3 {\n            padding: 0px;\n        }\n\n        #rpp_663 .weblizar-portfolio-grid li {\n         padding: 10px;\n        \n        }\n\n        #rpp_663 .weblizar-portfolio-grid-page li {\n         padding: 10px;\n                }\n\n        #rpp_663 .owl-carousel .owl-item {\n            padding-top: 5px;\n            padding-bottom: 5px;\n        }\n\n        #rpp_663 .holder a {\n            background: #31A3DD;\n        }\n\n        #rpp_663 .owl-theme .owl-dots .owl-dot.active span, #rpp_663 .owl-theme .owl-dots .owl-dot:hover span {\n            background: #31A3DD        }\n\n        #rpp_663 .owl-theme .owl-controls .owl-nav [class*=owl-] {\n            color: #fff;\n            background: #31A3DD;\n\n        }\n\n        #rpp_663 .owl-theme .owl-dots .owl-dot span {\n            background: #d6d6d6;\n        }\n\n        #rpp_663 .back_button {\n            color: #FFFFFF;\n            background: #31A3DD;\n            -webkit-transition: all ease 0.5s;\n            -moz-transition: all ease 0.5s;\n            transition: all ease 0.5s;\n            border: 4px solid#31A3DD;\n            display: inline-block;\n            font-family: 'RalewaySemiBold';\n            font-size: 16px;\n            line-height: 20px;\n            border-radius: 4px;\n            padding: 9px 18px;\n            text-align: right;\n            text-transform: none;\n            transition: all 0.3s ease 0s;\n            vertical-align: middle;\n            text-decoration: none;\n            box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n        }\n\n        \/*** Album  view **\/\n        .rpp-portfolio-album {\n            padding: 10px !important;\n            cursor: pointer;\n        }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7) !important;\n         border: 0px !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a,\n        .rpp-portfolio-album .weblizar-portfolio-gallery a img {\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.0) rotate(0deg) !important;\n            -webkit-transform: scale(1.0) rotate(0deg) !important;\n            -o-transform: scale(1.0) rotate(0deg) !important;\n            transform: scale(1.0) rotate(0deg) !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover {\n\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a div {\n            background: rgba(0, 116, 162, 0.5) !important;\n            border: 0px solid rgba(0, 0, 0, 0.3) !important;\n         border-radius: 0% !important;\n\n                #rpp_663 .icon-resize-full:before {\n            content: \"\\f065\";\n            display: none !important;\n        }\n\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span {\n            background-color: #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:after {\n            border-color: #f80000 transparent#f80000 #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:before {\n            border-left-color: #f80000;\n            border-top-color: #f80000;\n        }\n\n        #fancybox-loading {\n            display: none !important;\n        }\n\n        \/* 5 column alter Theme CSS conflict  *\/\n        @media (min-width: 992px) {\n            .col-md-5 {\n                width: 19.666667% !important;\n            }\n        }\n\n        .portfolio-gallery-title {\n            font-family: Courgette        }\n\n            <\/style>\n    <div id=\"rpp_663\" class=\"weblizar-grand-portfolio-wrapper\">\n        <!-- Album View Layout Content ----------------------------------->\n\t\t            <!-- Grid View Layout Content ----------------------------------->\n\t\t\t            <div class=\"gal-container  \">\n\t\t\t\t                    <!--get the post id-->\n\t\t\t\t\t\n\t\t\t\t\t                        <!-- gallery title -->\n                        <div class=\"portfolio-gallery-title\">\n\t\t\t\t\t\t\tAdvance Fancy box                        <\/div>\n\t\t\t\t\t\t\t\t\t\t                        <ul style=\"padding-top:5px;padding-bottom:5px\"\n                            class=\" weblizar-portfolio-grid-page  effect-1\"\n                            id=\"weblizar-portfolio-grid663\">\n\t\t\t\t\t\t\t                                <li class=\"col-md-4 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs663\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                                    <div class=\"weblizar-portfolio-gallery\">\n                                                <a  class=\"fancyboxadvance663\" data-fancybox=\"gallery\"                                                         href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/human_disintegration-wallpaper-1280x720.jpg\"\n                                                        title=\"\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/human_disintegration-wallpaper-1280x720-360x220.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-4 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs663\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                                    <div class=\"weblizar-portfolio-gallery\">\n                                                <a  class=\"fancyboxadvance663\" data-fancybox=\"gallery\"                                                         href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/beautiful_mountains_of_the_world-wallpaper-1280x720.jpg\"\n                                                        title=\"\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/beautiful_mountains_of_the_world-wallpaper-1280x720-360x220.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-4 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs663\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                                    <div class=\"weblizar-portfolio-gallery\">\n                                                <a  class=\"fancyboxadvance663\" data-fancybox=\"gallery\"                                                         href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/assassins_creed_origins_bayek_3-wallpaper-1280x720.jpg\"\n                                                        title=\"\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/assassins_creed_origins_bayek_3-wallpaper-1280x720-360x220.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-4 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs663\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                                    <div class=\"weblizar-portfolio-gallery\">\n                                                <a  class=\"fancyboxadvance663\" data-fancybox=\"gallery\"                                                         href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/beautiful_winding_mountain_road_landscape_scotland_winter-wallpaper-1280x720.jpg\"\n                                                        title=\"\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/beautiful_winding_mountain_road_landscape_scotland_winter-wallpaper-1280x720-360x220.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-4 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs663\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                                    <div class=\"weblizar-portfolio-gallery\">\n                                                <a  class=\"fancyboxadvance663\" data-fancybox=\"gallery\"                                                         href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/persian_leopard_winter-wallpaper-1280x720.jpg\"\n                                                        title=\"\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/persian_leopard_winter-wallpaper-1280x720-360x220.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-4 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs663\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                                    <div class=\"weblizar-portfolio-gallery\">\n                                                <a  class=\"fancyboxadvance663\" data-fancybox=\"gallery\"                                                         href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/skyfall_2012_movie-wide.jpg\"\n                                                        title=\"\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/skyfall_2012_movie-wide-360x220.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-4 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs663\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                                    <div class=\"weblizar-portfolio-gallery\">\n                                                <a  class=\"fancyboxadvance663\" data-fancybox=\"gallery\"                                                         href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/09141eedb6dd8f7726b564a8e8951fd5.jpg\"\n                                                        title=\"\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/09141eedb6dd8f7726b564a8e8951fd5-360x220.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-4 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs663\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                                    <div class=\"weblizar-portfolio-gallery\">\n                                                <a  class=\"fancyboxadvance663\" data-fancybox=\"gallery\"                                                         href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/Funny-wallpapersHD-wallpapers-Funny-3d-cartoon-wallpaper.jpg\"\n                                                        title=\"\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/Funny-wallpapersHD-wallpapers-Funny-3d-cartoon-wallpaper-360x220.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-4 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs663\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                                    <div class=\"weblizar-portfolio-gallery\">\n                                                <a  class=\"fancyboxadvance663\" data-fancybox=\"gallery\"                                                         href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/christmas_at_polar-1600x1200.jpg\"\n                                                        title=\"\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2017\/11\/christmas_at_polar-1600x1200-360x220.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                        <\/ul>\n\t\t\t\t\t\t                            <div class=\"holder holder663\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            <\/div>\n\n            <script type=\"text\/javascript\">\n                jQuery(function () {\n                    \/\/ Random\n\t\t\t\t\t                    jQuery(' #da-thumbs663 > .weblizar-portfolio-gallery ').each(function () {\n                        jQuery(this).hoverdir({\n                            hoverDelay: 0,\n                            inverse: false\n                        });\n                    });\n\t\t\t\t\t\n                    \/\/ Rivert Random\n\t\t\t\t\t\n                    \/\/ Top To Bottom\n\t\t\t\t\t\n\n                    \/\/ Bottom To Top\n\t\t\t\t\t\n                    \/\/ Right To Left\n\t\t\t\t\t\n                    \/\/ Left To Right\n\t\t\t\t\t\n                });\n            <\/script>\n\n\t\t\t\t\n\n\t\t\n            <!-- nivo box call js -->\n\t\t            <!-- Pretty Photo -->\n\t\t            <!-- Swipe Box-->\n\t\t\n            <!-- Fancy box-->\n\t\t          <!-- Fancy box Advance-->\n                    <script type=\"text\/javascript\">\n                jQuery(document).ready(function () {\n                    jQuery('.fancyboxadvance663').fancybox();\n                    jQuery('.fancyboxadvance-media663').fancybox({\n                        openEffect: 'none',\n                        closeEffect: 'none',\n                        src: {\n                            media: {}\n                            core: {}\n                            fullscreen: {}\n                            slideshow: {}                           \n                            guestures: {}\n                            hash: {}\n                            share: {}\n                            thumbs: {}\n                            wheel: {}\n                        }\n                    });\n                });\n            <\/script>\n                    <!-- End Of Grid View Layout Content ----------------------------------->\n    <\/div>\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":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-662","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages\/662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/comments?post=662"}],"version-history":[{"count":1,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages\/662\/revisions"}],"predecessor-version":[{"id":665,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages\/662\/revisions\/665"}],"wp:attachment":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/media?parent=662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}