{"id":69,"date":"2014-06-27T14:25:32","date_gmt":"2014-06-27T14:25:32","guid":{"rendered":"http:\/\/topdevs.net\/smart-grid-gallery\/?page_id=69"},"modified":"2016-09-27T09:59:35","modified_gmt":"2016-09-27T09:59:35","slug":"wordpress-gallery-lightboxes","status":"publish","type":"page","link":"http:\/\/topdevs.net\/smart-grid-gallery\/wordpress-gallery-lightboxes\/","title":{"rendered":"WordPress Grid Gallery Lightbox"},"content":{"rendered":"<h1>WordPress Grid Gallery Lightbox<\/h1>\n<p>Lightbox\u00a0is a\u00a0technique used to display images using <a title=\"Modal window\" href=\"http:\/\/en.wikipedia.org\/wiki\/Modal_window\">modal dialogs<\/a>. Image is shown up center filling most of the screen. The rest of the window is usually dimmed out. &#8220;Smart Grid Gallery&#8221; has <strong>3 different lightboxes included<\/strong> for your choice. Click on galleries images to see each of them in action.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"column-grid column-grid-12\"><div class=\"column column-span-4 column-push-0 column-first\"><\/p>\n<h2>PhotoSwipe\u00a0<small>default<\/small><\/h2>\n<p>Lightweight image gallery modal window. Use it as your WordPress grid gallery lightbox to\u00a0make your galleries look great.<\/p>\n<h3>Features<\/h3>\n<ul>\n<li>Fully <strong>Responsive<\/strong> Layout<\/li>\n<li>Mobile &amp; <strong>Touch Friendly<\/strong><\/li>\n<li><strong>Keyboard<\/strong> &amp; Mouse Navigation<\/li>\n<li>Support for <strong>YouTube &amp; Vimeo<\/strong><\/li>\n<li>Images <strong>Zoom &amp; Drag<\/strong><\/li>\n<li><strong>Social sharing<\/strong> options<\/li>\n<\/ul>\n<p>\n<\/div>\n<div class=\"column column-span-8 column-push-0 column-last\"><\/p>\n<div id=\"justified_gallery_nnhRfE\" class=\"sgg-style-3 \"><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_lednice-castle.jpg\" data-size=\"1388x1600\" data-caption=\"Castle\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_lednice-castle-260x300.jpg\" data-caption=\"Castle\" alt=\"Castle\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_Bench-Under-Tree.jpg\" data-size=\"1920x1280\" data-caption=\"Under the tree\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_Bench-Under-Tree-420x280.jpg\" data-caption=\"Under the tree\" alt=\"Under the tree\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/BeachSunset.jpg\" data-size=\"1920x1273\" data-caption=\"Beach sunset\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/BeachSunset-420x278.jpg\" data-caption=\"Beach sunset\" alt=\"Beach sunset\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad1.jpg\" data-size=\"1920x1440\" data-caption=\"On the road\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad1-420x315.jpg\" data-caption=\"On the road\" alt=\"On the road\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad2.jpg\" data-size=\"1920x1440\" data-caption=\"Windmill\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad2-420x315.jpg\" data-caption=\"Windmill\" alt=\"Windmill\"\/><\/a><a class=\"sgg-lightbox-item mfp-iframe\" data-type=\"video\" href=\"https:\/\/www.youtube.com\/watch?v=FNJ09RwY6k8\" data-caption=\"Sea\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/tumblr_n396iwHV9n1slhhf0o1_1280-225x300.jpg\" data-caption=\"Sea\" alt=\"Sea\"\/><\/a><\/div>\n<div id=\"load_more_holder_nnhRfE\" style=\"display:none\"><\/div>\n\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t(function($){\n\t\t\t\t\t$(\"#justified_gallery_nnhRfE\").justifiedGallery({\n\t\t\t\t\t\tsizeRangeSuffixes : {'lt100': '', 'lt240': '', 'lt320': '', 'lt500': '', 'lt640': '', 'lt1024': ''},rowHeight: 160,\r\nmobileRowHeight: 160,\r\nmargins: 10,\r\nlastRow: \"nojustify\",\r\nfixedHeight: false,\r\ncaptions: true,\r\ncaptionsColor: \"#000000\",\r\ncaptionsOpacity: 0.7,\r\nrandomize: false,\r\nmaxRowHeight: 0,\r\nrel: \"nnhRfE\",\r\ntarget: null,\r\nrefreshTime: 250,\r\ncssAnimation: true,\r\ncaptionsAnimationDuration: 500,\r\nimagesAnimationDuration: 300,\r\ncaptionsVisibleOpacity: 0.7,\r\nclass: \"\",\r\n\t\t\t\t\t})\n\t\t\t\t\t.on('jg.complete', function(){\n\t\t\t\t\t\t$(document).ready(function(){\n\t\t\t\t\t\t\tvar pswp_nnhRfE = SGGinitPhotoSwipeFromDOM('#justified_gallery_nnhRfE',{title: true,\r\nshare: true,\r\nhistory: false,\r\n uid: 'nnhRfE' })})\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar galleries = [];\n\t\t\t\tvar gallery = $(\"#justified_gallery_nnhRfE\");\n\t\t\t\t$(window).scroll(function() {\n\t\t\t\t\tif ( galleries.length >= 1  ) {\n\t\t\t\t\t\tvar scroll_top = $(window).scrollTop();\n\t\t\t\t\t\tvar scroll_bottom = scroll_top + $(window).height();\n\t\t\t\t\t\tvar gallery_top = $(gallery).offset().top;\n\t\t\t\t\t\tvar gallery_height = $(gallery).innerHeight();\n\t\t\t\t\t\tvar gallery_bottom = gallery_top + gallery_height;\n\t\t\t\t\t\tif( scroll_bottom >= gallery_bottom ) {\n\t\t\t\t\t\t\tvar images = galleries.splice(0,1);\n\t\t\t\t\t\t\tvar image_html = $(\"#load_more_holder_nnhRfE\").html(images).text();\n\t\t\t\t\t\t\t$(gallery).append(image_html);\n\t\t\t\t\t\t\t$(gallery).justifiedGallery('norewind');\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\t\t\t\t})(jQuery);\n\t\t\t<\/script>\n\t\t\t\t\t\t<style>\n\t            #justified_gallery_nnhRfE .sgg-caption {\n\t\t\t\t\tbackground: rgb(0,0,0);\n\t\t\t\t\tbackground: rgba(0,0,0,0.7);\n\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\tfont-size: 1em;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tfont-family: Helvetica, Arial, sans-serif;\n\t\t\t\t}\n\t\t\t\t#load_more_nnhRfE {\n\t\t\t\t    background: #444444;\n\t\t\t\t    color: #ffffff;\n\t\t\t\t}\n\t\t\t<\/style>\n        \t\n<p>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center;\">Buy Smart Grid Gallery if you like PhotoSwipe<\/h2>\n<p style=\"text-align: center;\"><a class=\"button buy-it\" title=\"\" href=\"http:\/\/codecanyon.net\/item\/smart-grid-gallery\/8365014?ref=topdevs\"><i class=\"icon-shopping-cart icon-large\"><\/i>\u00a0Buy on CodeCanyon &#8211; $19<\/a><\/p>\n<h2 style=\"text-align: center;\"><small>or see more lightboxes below<\/small><\/h2>\n<p>&nbsp;<\/p>\n<div class=\"column-grid column-grid-12\"><div class=\"column column-span-8 column-push-0 column-first\"><\/p>\n<div id=\"justified_gallery_eGKL70\" class=\"sgg-style-3 \"><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_lednice-castle.jpg\" data-size=\"1388x1600\" data-caption=\"Castle\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_lednice-castle-260x300.jpg\" data-caption=\"Castle\" alt=\"Castle\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_Bench-Under-Tree.jpg\" data-size=\"1920x1280\" data-caption=\"Under the tree\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_Bench-Under-Tree-420x280.jpg\" data-caption=\"Under the tree\" alt=\"Under the tree\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_DSC_3334.jpg\" data-size=\"1920x1277\" data-caption=\"In the mountains\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_DSC_3334-420x279.jpg\" data-caption=\"In the mountains\" alt=\"In the mountains\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad2.jpg\" data-size=\"1920x1440\" data-caption=\"Windmill\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad2-420x315.jpg\" data-caption=\"Windmill\" alt=\"Windmill\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad1.jpg\" data-size=\"1920x1440\" data-caption=\"On the road\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad1-420x315.jpg\" data-caption=\"On the road\" alt=\"On the road\"\/><\/a><a class=\"sgg-lightbox-item mfp-iframe\" data-type=\"video\" href=\"https:\/\/www.youtube.com\/watch?v=FNJ09RwY6k8\" data-caption=\"Sea\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/tumblr_n396iwHV9n1slhhf0o1_1280-225x300.jpg\" data-caption=\"Sea\" alt=\"Sea\"\/><\/a><\/div>\n<div id=\"load_more_holder_eGKL70\" style=\"display:none\"><\/div>\n\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t(function($){\n\t\t\t\t\t$(\"#justified_gallery_eGKL70\").justifiedGallery({\n\t\t\t\t\t\tsizeRangeSuffixes : {'lt100': '', 'lt240': '', 'lt320': '', 'lt500': '', 'lt640': '', 'lt1024': ''},rowHeight: 160,\r\nmobileRowHeight: 160,\r\nmargins: 10,\r\nlastRow: \"nojustify\",\r\nfixedHeight: false,\r\ncaptions: true,\r\ncaptionsColor: \"#000000\",\r\ncaptionsOpacity: 0.7,\r\nrandomize: false,\r\nmaxRowHeight: 0,\r\nrel: \"eGKL70\",\r\ntarget: null,\r\nrefreshTime: 250,\r\ncssAnimation: true,\r\ncaptionsAnimationDuration: 500,\r\nimagesAnimationDuration: 300,\r\ncaptionsVisibleOpacity: 0.7,\r\nclass: \"\",\r\n\t\t\t\t\t})\n\t\t\t\t\t.on('jg.complete', function(){\n\t\t\t\t\t\t$('#justified_gallery_eGKL70 a.sgg-lightbox-item').magnificPopup({type: 'image',\n\t\t\t\t\t\tmainClass: 'mfp-with-zoom',\n\t\t\t\t\t\tcloseOnContentClick: true,\n\t\t\t\t\t\tcloseBtnInside: false,\n\t\t\t\t\t\tpreloader: 'true',\n\t\t\t\t\t\ttLoading: '',\n\t\t\t\t\t\ttClose: '',image: {\n\t\t\t\t\t\t\tverticalFit: true,titleSrc: function(item) {\n\t\t\t\t\t\t\t\treturn item.el.attr('data-caption');\n\t\t\t\t\t\t\t}},zoom: {\n\t\t\t\t\t\t\tenabled: true,\n\t\t\t\t\t\t\tduration: 300\n\t\t\t\t\t\t},\n\t\t\t\t\t\tgallery: {\n\t\t\t\t\t\t\tenabled: true,\n\t\t\t\t\t\t\ttPrev: '',\n    \t\t\t\t\t\ttNext: '',\n\t\t\t\t\t\t\ttCounter: '(%curr%\/%total%)'\n\t\t\t\t\t\t},iframe: {\n\t\t\t\t\t\t  markup: \n\t\t\t\t\t\t    '<div class=\"mfp-iframe-scaler\">'+\n\t\t\t\t\t\t\t  '<div class=\"mfp-close\"><\/div>'+\n\t\t\t\t\t\t\t    '<iframe class=\"mfp-iframe\" frameborder=\"0\" allowfullscreen><\/iframe>'+\n\t\t\t\t\t\t\t  '<div class=\"mfp-title\"><\/div>'+\n\t\t\t\t\t\t\t'<\/div>',\n\t\t\t\t\t\t  patterns: {\n\t\t\t\t\t\t    youtube: {\n\t\t\t\t\t\t      index: 'youtube.com\/', \/\/ String that detects type of video (in this case YouTube). Simply via url.indexOf(index).\n\t\t\t\t\t\t      id: 'v=', \/\/ String that splits URL in a two parts, second part should be %id%\n\t\t\t\t\t\t      \/\/ Or null - full URL will be returned\n\t\t\t\t\t\t      \/\/ Or a function that should return %id%, for example:\n\t\t\t\t\t\t      \/\/ id: function(url) { return 'parsed id'; }\n\t\t\t\t\t\t      src: '\/\/www.youtube.com\/embed\/%id%?showinfo=0&rel=0' \/\/ URL that will be set as a source for iframe. \n\t\t\t\t\t\t    },\n\t\t\t\t\t\t    youtu_be: {\n\t\t\t\t\t\t      index: 'youtu.be\/',\n\t\t\t\t\t\t      id: '\/',\n\t\t\t\t\t\t      src: '\/\/www.youtube.com\/embed\/%id%?showinfo=0&rel=0'\n\t\t\t\t\t\t    },\n\t\t\t\t\t\t    vimeo: {\n\t\t\t\t\t\t      index: 'vimeo.com\/',\n\t\t\t\t\t\t      id: '\/',\n\t\t\t\t\t\t      src: '\/\/player.vimeo.com\/video\/%id%?byline=0&amp;portrait=0'\n\t\t\t\t\t\t    }\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t},\n\t\t\t\t\t\tcallbacks: {\n\t\t\t\t\t\t  markupParse: function(template, values, item) {\n\t\t\t\t\t\t   values.title = item.el.attr('data-caption');\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t}});\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar galleries = [];\n\t\t\t\tvar gallery = $(\"#justified_gallery_eGKL70\");\n\t\t\t\t$(window).scroll(function() {\n\t\t\t\t\tif ( galleries.length >= 1  ) {\n\t\t\t\t\t\tvar scroll_top = $(window).scrollTop();\n\t\t\t\t\t\tvar scroll_bottom = scroll_top + $(window).height();\n\t\t\t\t\t\tvar gallery_top = $(gallery).offset().top;\n\t\t\t\t\t\tvar gallery_height = $(gallery).innerHeight();\n\t\t\t\t\t\tvar gallery_bottom = gallery_top + gallery_height;\n\t\t\t\t\t\tif( scroll_bottom >= gallery_bottom ) {\n\t\t\t\t\t\t\tvar images = galleries.splice(0,1);\n\t\t\t\t\t\t\tvar image_html = $(\"#load_more_holder_eGKL70\").html(images).text();\n\t\t\t\t\t\t\t$(gallery).append(image_html);\n\t\t\t\t\t\t\t$(gallery).justifiedGallery('norewind');\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\t\t\t\t})(jQuery);\n\t\t\t<\/script>\n\t\t\t\t\t\t<style>\n\t            #justified_gallery_eGKL70 .sgg-caption {\n\t\t\t\t\tbackground: rgb(0,0,0);\n\t\t\t\t\tbackground: rgba(0,0,0,0.7);\n\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\tfont-size: 1em;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tfont-family: Helvetica, Arial, sans-serif;\n\t\t\t\t}\n\t\t\t\t#load_more_eGKL70 {\n\t\t\t\t    background: #444444;\n\t\t\t\t    color: #ffffff;\n\t\t\t\t}\n\t\t\t<\/style>\n        \t\n<p>\n<\/div>\n<div class=\"column column-span-4 column-push-0 column-last\"><\/p>\n<h2>Magnific Popup<\/h2>\n<p>Responsive lightbox with focus on performance and providing best experience for user with any device. Choose\u00a0it as\u00a0your\u00a0WordPress grid gallery lightbox if you like.<\/p>\n<h3>Features<\/h3>\n<ul>\n<li>Fully <strong>Responsive\u00a0<\/strong>Layout<\/li>\n<li>Mobile &amp; <strong>Touch Friendly<\/strong><\/li>\n<li>Progressive Loading of Images<\/li>\n<li><strong>Keyboard<\/strong> &amp; Mouse Navigation<\/li>\n<li><strong>CSS3 Animations<\/strong> and Transitions<\/li>\n<\/ul>\n<p>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"column-grid column-grid-12\"><div class=\"column column-span-4 column-push-0 column-first\"><\/p>\n<h2>Swipebox<\/h2>\n<p>Swipebox is a jQuery lightbox plugin for desktop, mobile and tablet.\u00a0Make\u00a0it your\u00a0WordPress grid gallery lightbox for better mobile users experience.<\/p>\n<h3>Features<\/h3>\n<ul>\n<li><strong>Swipe<\/strong> gestures for mobile<\/li>\n<li><strong>Keyboard Navigation<\/strong> for desktop<\/li>\n<li><strong>CSS transitions<\/strong> with jQuery fallback<\/li>\n<li><strong>Retina support<\/strong> for UI icons<\/li>\n<li>Easy CSS customization<\/li>\n<\/ul>\n<p>\n<\/div>\n<div class=\"column column-span-8 column-push-0 column-last\"><\/p>\n<div id=\"justified_gallery_B5m5vX\" class=\"sgg-style-3 \"><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_lednice-castle.jpg\" data-size=\"1388x1600\" data-caption=\"Castle\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_lednice-castle-260x300.jpg\" data-caption=\"Castle\" alt=\"Castle\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_Bench-Under-Tree.jpg\" data-size=\"1920x1280\" data-caption=\"Under the tree\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_Bench-Under-Tree-420x280.jpg\" data-caption=\"Under the tree\" alt=\"Under the tree\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/BeachSunset.jpg\" data-size=\"1920x1273\" data-caption=\"Beach sunset\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/BeachSunset-420x278.jpg\" data-caption=\"Beach sunset\" alt=\"Beach sunset\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad1.jpg\" data-size=\"1920x1440\" data-caption=\"On the road\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad1-420x315.jpg\" data-caption=\"On the road\" alt=\"On the road\"\/><\/a><a class=\"sgg-lightbox-item\" href=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad2.jpg\" data-size=\"1920x1440\" data-caption=\"Windmill\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/picjumbo.com_austriaroad2-420x315.jpg\" data-caption=\"Windmill\" alt=\"Windmill\"\/><\/a><a class=\"sgg-lightbox-item mfp-iframe\" data-type=\"video\" href=\"https:\/\/www.youtube.com\/watch?v=FNJ09RwY6k8\" data-caption=\"Sea\"><img decoding=\"async\" src=\"http:\/\/topdevs.net\/smart-grid-gallery\/files\/2014\/06\/tumblr_n396iwHV9n1slhhf0o1_1280-225x300.jpg\" data-caption=\"Sea\" alt=\"Sea\"\/><\/a><\/div>\n<div id=\"load_more_holder_B5m5vX\" style=\"display:none\"><\/div>\n\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t(function($){\n\t\t\t\t\t$(\"#justified_gallery_B5m5vX\").justifiedGallery({\n\t\t\t\t\t\tsizeRangeSuffixes : {'lt100': '', 'lt240': '', 'lt320': '', 'lt500': '', 'lt640': '', 'lt1024': ''},rowHeight: 160,\r\nmobileRowHeight: 160,\r\nmargins: 10,\r\nlastRow: \"nojustify\",\r\nfixedHeight: false,\r\ncaptions: true,\r\ncaptionsColor: \"#000000\",\r\ncaptionsOpacity: 0.7,\r\nrandomize: false,\r\nmaxRowHeight: 0,\r\nrel: \"B5m5vX\",\r\ntarget: null,\r\nrefreshTime: 250,\r\ncssAnimation: true,\r\ncaptionsAnimationDuration: 500,\r\nimagesAnimationDuration: 300,\r\ncaptionsVisibleOpacity: 0.7,\r\nclass: \"\",\r\n\t\t\t\t\t})\n\t\t\t\t\t.on('jg.complete', function(){\n\t\t\t\t\t\t$('#justified_gallery_B5m5vX a.sgg-lightbox-item').swipebox({hideBarsOnMobile: true,\r\nhideBarsDelay: 3000,\r\n});\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar galleries = [];\n\t\t\t\tvar gallery = $(\"#justified_gallery_B5m5vX\");\n\t\t\t\t$(window).scroll(function() {\n\t\t\t\t\tif ( galleries.length >= 1  ) {\n\t\t\t\t\t\tvar scroll_top = $(window).scrollTop();\n\t\t\t\t\t\tvar scroll_bottom = scroll_top + $(window).height();\n\t\t\t\t\t\tvar gallery_top = $(gallery).offset().top;\n\t\t\t\t\t\tvar gallery_height = $(gallery).innerHeight();\n\t\t\t\t\t\tvar gallery_bottom = gallery_top + gallery_height;\n\t\t\t\t\t\tif( scroll_bottom >= gallery_bottom ) {\n\t\t\t\t\t\t\tvar images = galleries.splice(0,1);\n\t\t\t\t\t\t\tvar image_html = $(\"#load_more_holder_B5m5vX\").html(images).text();\n\t\t\t\t\t\t\t$(gallery).append(image_html);\n\t\t\t\t\t\t\t$(gallery).justifiedGallery('norewind');\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\t\t\t\t})(jQuery);\n\t\t\t<\/script>\n\t\t\t\t\t\t<style>\n\t            #justified_gallery_B5m5vX .sgg-caption {\n\t\t\t\t\tbackground: rgb(0,0,0);\n\t\t\t\t\tbackground: rgba(0,0,0,0.7);\n\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\tfont-size: 1em;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tfont-family: Helvetica, Arial, sans-serif;\n\t\t\t\t}\n\t\t\t\t#load_more_B5m5vX {\n\t\t\t\t    background: #444444;\n\t\t\t\t    color: #ffffff;\n\t\t\t\t}\n\t\t\t<\/style>\n        \t\n<p>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: left;\">Have your own favorite lightbox?\u00a0You can use it!<\/h2>\n<p>&#8220;Smart Grid Gallery&#8221; WordPress plugin allows you to use your own ligthboxes with any smart grid gallery. Most of modern WordPress themes have\u00a0their own lightboxes, that are usually added by default to any gallery. If your theme has one, there is no additional work required from you. Your WordPress grid gallery lightbox should\u00a0work right out of the box.<\/p>\n<h2 style=\"text-align: center;\"><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>WordPress Grid Gallery Lightbox Lightbox\u00a0is a\u00a0technique used to display images using modal dialogs. Image is shown up center filling most of the screen. The rest of the window is usually dimmed out. &#8220;Smart Grid Gallery&#8221; has 3 different lightboxes included for your choice. Click on galleries images to see each of them in action. &nbsp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template.page.fullwidth.php","meta":{"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/topdevs.net\/smart-grid-gallery\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/topdevs.net\/smart-grid-gallery\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/topdevs.net\/smart-grid-gallery\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/topdevs.net\/smart-grid-gallery\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/topdevs.net\/smart-grid-gallery\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":51,"href":"http:\/\/topdevs.net\/smart-grid-gallery\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":488,"href":"http:\/\/topdevs.net\/smart-grid-gallery\/wp-json\/wp\/v2\/pages\/69\/revisions\/488"}],"wp:attachment":[{"href":"http:\/\/topdevs.net\/smart-grid-gallery\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}