{"id":732,"date":"2018-12-28T06:02:08","date_gmt":"2018-12-28T06:02:08","guid":{"rendered":"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/?page_id=732"},"modified":"2018-12-28T07:57:44","modified_gmt":"2018-12-28T07:57:44","slug":"fancy-slider-with-gallery","status":"publish","type":"page","link":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/fancy-slider-with-gallery\/","title":{"rendered":"Fancy Slider with Gallery"},"content":{"rendered":"\n\r\n<script type=\"text\/javascript\">\r\n\tjQuery( document ).ready(function( $ ) {\r\n\t\t$('[data-fancybox=\"gallery\"]').fancybox({\r\n\t\t\r\n\t\t  \t\t\t\/\/ Enable infinite gallery navigation loop\r\n\t\t  \t\t\tloop: \ttrue,\r\n\r\n\t\t  \t\t\t\/\/ Enable keyboard navigation\r\n\t\t  \t\t\tkeyboard: true,\t\t  \t\t\t\t  \t\t\t  \t\t\t\t  \t\t\t \t\t\t \t  \t\t\t\r\n\t\t  \t\t\t\/\/ Should display navigation arrows at the screen edges\r\n\t\t\t\t\tarrows: true\t\t});\r\n\t});\r\n\r\n<\/script>\r\n<div class=\"gallery masonry\">\r\n        \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/disney-princess-aqua-hd-wallpaper.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/disney-princess-aqua-hd-wallpaper.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/snow_queen_elsa_in_frozen-1680x1050-1.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/snow_queen_elsa_in_frozen-1680x1050-1.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/frozen_2013_movie-1680x1050-1.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/frozen_2013_movie-1680x1050-1.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2015\/02\/jupiter_ascending_2015-wallpaper-1280x720.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2015\/02\/jupiter_ascending_2015-wallpaper-1280x720.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/maxresdefault-1.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/maxresdefault-1.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2015\/02\/penguins_of_madagascar_funny_movie-wallpaper-1280x7201.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2015\/02\/penguins_of_madagascar_funny_movie-wallpaper-1280x7201.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2015\/02\/real_fairy-wallpaper-1280x720.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2015\/02\/real_fairy-wallpaper-1280x720.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2015\/02\/girl_and_car-wallpaper-1280x720.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2015\/02\/girl_and_car-wallpaper-1280x720.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/toys-wallpaper-hd-16339-17046-hd-wallpapers.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/toys-wallpaper-hd-16339-17046-hd-wallpapers.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/2015_dodge_charger_srt_hellcat_97206_1920x1080.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/2015_dodge_charger_srt_hellcat_97206_1920x1080.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/cars-photos-in-hd-wallpaper.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/cars-photos-in-hd-wallpaper.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/cars_3-wide.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/cars_3-wide.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/desktop-iphone-5-hd-car-wallpapers-dowload.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/desktop-iphone-5-hd-car-wallpapers-dowload.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/2018_lucid_air_prototype_4k-1680x1050.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/2018_lucid_air_prototype_4k-1680x1050.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/bmw_i8_spyder_concept_car-1680x1050-1.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/bmw_i8_spyder_concept_car-1680x1050-1.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                    \t <div class=\"item\">\r\n            <a data-fancybox=\"gallery\" href=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/2016_chevrolet_camaro_8_1920x1080-1.jpg\" class=\"big\">\r\n              <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-content\/uploads\/sites\/40\/2017\/09\/2016_chevrolet_camaro_8_1920x1080-1.jpg\" alt=\"\">\r\n            <\/a>\r\n        <\/div>\r\n                <\/div>\r\n\r\n<style>\r\n\r\n.fancybox-button>div.nextprev{\r\n\tposition:relative;\r\n}\r\n.fancybox-container .fancybox-infobar {\r\n     max-width: 60px!important;\r\n}\r\n.fancybox-button.fancybox-button--arrow_left>div:before {\r\n\t -webkit-transform: rotate(226deg);\r\n    transform: rotate(226deg);\r\n}\r\n\r\n\r\n.add_zoom_icon{\r\n\tposition:relative;\r\n}\r\n\r\n.add_zoom_icon:before {\r\n    content: '';\r\n    position: absolute;\r\n    right: 0px;\r\n    left: 0;\r\n    margin: 0 auto;\r\n    bottom: 0;\r\n    top: 38%;\r\n    width: 15px;\r\n    text-align: center;\r\n    height: 11px;\r\n    border: solid 2px currentColor;\r\n    color: #bdbcbc;\r\n}\r\n.fancybox-thumbs__list a:before{\r\n     border: 3px solid #29a5d4!important;\r\n}\r\n.fancybox-progress {\r\n    background: transparent!important;\r\n}\r\n\r\n.fancybox-button>div:before {\r\n    content: '';\r\n    position: absolute;\r\n    right: 0px;\r\n    left: 0;\r\n    margin: 0 auto;\r\n    bottom: 0;\r\n\ttop: 43%;\r\n    width: 6px;\r\n    text-align: center;\r\n    height: 6px;\r\n    border-top: solid 2px currentColor;\r\n    border-right: solid 2px currentColor;\r\n    -webkit-transform: rotate(45deg);\r\n    transform: rotate(45deg);\r\n    color: #fff;\r\n}\r\n.fancybox-is-open .fancybox-bg {\r\n    opacity: .6;\r\n}\r\n.fancybox-is-open .fancybox-stage {\r\n    overflow: hidden;\r\n    margin-top: 5%;\r\n}\r\n.fancybox-button {\r\n    background: rgba(0, 0, 0, 0.66);\r\n    border: 0;\r\n}\r\n.fancybox-button:hover{\r\n    background: rgba(0, 0, 0, 0.99);\r\n    border: 0;\r\n}\r\n.fancybox-button .nextprev svg{\r\n\tdisplay:none!important;\r\n}\r\n\r\n\r\n.fancybox-container .fancybox-infobar {\r\n    left: 0px!important;\r\n    margin: 0 auto;\r\n    color: #fff!important;\r\n    background-color: rgba(0, 0, 0, 0.6)!important;\r\n    right: 0px!important;\r\n    -webkit-font-smoothing: subpixel-antialiased;\r\n    width: 68px;\r\n    height: 44px;\r\n    padding: 0;\r\n    \/* margin: 0; *\/\r\n    line-height: 48px;\r\n    z-index: 99999999999999!important;\r\n}\r\n\t\t .fancybox-container .fancybox-navigation {\r\n\t\t    max-width:140px;\r\n\t\t    position: absolute;\r\n\t\t    right: 0;\r\n\t\t    left: 0;\r\n\t\t    z-index: 999999!important;\r\n\t\t    margin: 0 auto;\r\n\t\t\ttop:26px;\r\n\r\n\t\t}\r\n\t\t.fancybox-navigation{\r\n\t\t\tmargin-top: 33px;\r\n\t\t}\r\n\t\t.fancybox-navigation .fancybox-button{\r\n\t\t    height: 101px!important;\r\n\t\t}\r\n\t\t.logged-in  .fancybox-container .fancybox-navigation {\r\n\t\t\ttop: 53px;\r\n\t\t}\r\n\r\n\t\t .logged-in .fancybox-container .fancybox-infobar {\r\n\t\t\ttop:25px;\r\n\t\t}\r\n\t\t .logged-in .fancybox-toolbar {\r\n\t\t    margin-top: 24px;\r\n\t\t}\r\n\t\t.fancybox-navigation .fancybox-button{\r\n\t\t\t \r\n\t\t\topacity:0;position:absolute;top:calc(50% - 54px)!important;\r\n\r\n}\r\n\r\n\t\t.masonry { \/* Masonry container *\/\r\n\t\t    -webkit-column-count: 3;\r\n\t\t  -moz-column-count:3;\r\n\t\t  column-count: 3;\r\n\t\t  -webkit-column-gap: 1em;\r\n\t\t  -moz-column-gap: 1em;\r\n\t\t  column-gap: 1em;\r\n\t\t   margin: 1.5em;\r\n\t\t    padding: 0;\r\n\t\t    -moz-column-gap: 1.5em;\r\n\t\t    -webkit-column-gap: 1.5em;\r\n\t\t    column-gap: 1.5em;\r\n\t\t    font-size: .85em;\r\n\t\t}\r\n\t\t.masonry .item img{\r\n\t\t\twidth:100%;\r\n\t\t}\r\n\t\t.item {\r\n\t\t    display: inline-block;\r\n\t\t    background: #fff;\r\n\t\t    padding: 2px;\r\n\t\t    margin:5px;\r\n\t\t    width: 100%;\r\n\t\t\t-webkit-transition:1s ease all;\r\n\t\t    box-sizing: border-box;\r\n\t\t    -moz-box-sizing: border-box;\r\n\t\t    -webkit-box-sizing: border-box;\r\n\t\t    box-shadow: 2px 2px 4px 0 #000;\r\n\t\t}\r\n\t\t.item img{max-width:100%;}\r\n\r\n\t\t@media only screen and (max-width: 320px) {\r\n\t\t    .masonry {\r\n\t\t        -moz-column-count: 1;\r\n\t\t        -webkit-column-count: 1;\r\n\t\t        column-count: 1;\r\n\t\t    }\r\n\t\t}\r\n\r\n\t\t@media only screen and (min-width: 321px) and (max-width: 768px){\r\n\t\t    .masonry {\r\n\t\t        -moz-column-count: 1;\r\n\t\t        -webkit-column-count: 1;\r\n\t\t        column-count: 1;\r\n\t\t    }\r\n\t\t}\r\n\t\t@media only screen and (min-width: 769px) and (max-width: 1200px){\r\n\t\t    .masonry {\r\n\t\t        -moz-column-count: 3;\r\n\t\t        -webkit-column-count: 3;\r\n\t\t        column-count: 3;\r\n\t\t    }\r\n\t\t}\r\n\t\t@media only screen and (min-width: 1201px) {\r\n\t\t    .masonry {\r\n\t\t        -moz-column-count: 3;\r\n\t\t        -webkit-column-count: 3;\r\n\t\t        column-count: 3;\r\n\t\t    }\r\n\t\t}\r\n\t\t\t.fancybox-infobar{\r\n\t\t\t  \tuser-select: initial!important;\r\n\t\t    \tposition: relative;\r\n\t\t\t    text-align: center;\r\n\t\t\t\tpadding:8px; \r\n\t\t\t    pointer-events: inherit!important;\r\n\t\t\t   \tz-index: 999999999;\r\n\t\t\t}\r\n\t\t \t.fancybox-infobar:hover{\r\n\t\t        background-image:#333!important;\r\n\t\t\t}\r\n\t\t\/*fancybox-infobox and fancybox-toolbar*\/\r\n\t\t@media only screen and (min-width: 1201px) {\r\n\t\t\t.fancybox-infobar {\r\n\t\t\t    left: 47% !important;\t   \r\n\t\t\t}\r\n\t\t}\r\n\t\t@media only screen and (max-width: 767px) {\r\n\t\t\t.fancybox-infobar {\r\n\t\t\t    left: 0% ;\t   \r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\t\t\r\n\t\t@media only screen and (max-width: 991px) {\r\n\t\t\t.fancybox-infobar {\r\n\t\t\t    left: 0% ;\t   \r\n\t\t\t}\r\n\t\t\t.fancybox-button.fancybox-button--fsenter, button.fancybox-button.fancybox-button--play, button.fancybox-button.fancybox-button--thumbs{\r\n\t\t\t\tdisplay:none!important;\r\n\t\t\t}\r\n\t\t\t.fancybox-container .fancybox-infobar {\r\n\t\t\t\tleft: 0px!important;\r\n\t\t\t\tright: auto!important;\r\n\t\t\t\tmargin-left: 0px!important;\r\n\t\t\t}\r\n\t\t\t.fancybox-container .fancybox-navigation{\r\n\t\t\t\tdisplay:none!important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n<\/style>\r\n\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-732","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/pages\/732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/comments?post=732"}],"version-history":[{"count":1,"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/pages\/732\/revisions"}],"predecessor-version":[{"id":733,"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/pages\/732\/revisions\/733"}],"wp:attachment":[{"href":"https:\/\/demo.weblizar.com\/ultimate-responsive-image-slider-pro\/wp-json\/wp\/v2\/media?parent=732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}