{"id":2,"date":"2016-11-06T21:56:35","date_gmt":"2016-11-07T02:56:35","guid":{"rendered":"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/?page_id=2"},"modified":"2016-11-18T11:33:28","modified_gmt":"2016-11-18T16:33:28","slug":"home","status":"publish","type":"page","link":"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/","title":{"rendered":"Homepage"},"content":{"rendered":"<style>.ewd-us-slide .ewd-us-slide-title { font-size: 4.25rem !important; }.ewd-us-slide .ewd-us-slide-excerpt { font-size: 2rem !important; }.ewd-us-slider .ewd-us-nav-arrow .ewd-us-slider-icon { color: #ffffff !important; }.ewd-us-slider .ewd-us-nav-arrow .ewd-us-slider-icon { line-height: 1.85 !important; }.ewd-us-slider .ewd-us-nav-arrow .ewd-us-arrow-div { background: #974799 !important; }<\/style><div class=\"clear\"><\/div>\n<div class=\"ewd-us-slider-section\">\n\n\t<div  class=\"ewd-us-slider ewd-us-slider-slide-indicators-dots ewd-us-slider-mobile-hide-body ewd-us-slider-mobile-hide-buttons\" >\n\n\t\t\n\t\t<ul class=\"ewd-us-slider-window\">\n\t\t\n\t\t\t\n<li  class=\"ewd-us-slide ewd-ulb-lightbox\" id=\"ewd-us-slide-0\" data-ulbsource=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/escalator.jpg\" data-ulbtitle=\"CLICK FOR LIGHTBOX\" data-ulbdescription=\"&lt;p&gt;This is an example of how the lightbox works with a slider image. Click the image to open the lightbox.&lt;\/p&gt;\n\" >\n\t\t\t\t\n\t<img decoding=\"async\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/escalator.jpg\">\n\t<div class=\"ewd-us-slide-text\">\n\t\t\n\t\t<div class=\"ewd-us-slide-title\">CLICK FOR LIGHTBOX<\/div>\n\t\t<div class=\"clear\"><\/div>\n\t\t\n\t\t<div class=\"ewd-us-slide-excerpt\"><p>This is an example of how the lightbox works with a slider image. Click the image to open the lightbox.<\/p>\n<\/div>\n\t\t<div class=\"clear\"><\/div>\n\n\t\t<ul class=\"ewd-us-slide-buttons\">\n\n\t\t\t\n\t\t<\/ul>\n\t\n\t<\/div> \n\n\t\n\t<\/li>\n<li  class=\"ewd-us-slide ewd-us-hidden ewd-ulb-lightbox\" id=\"ewd-us-slide-1\" data-ulbsource=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/golden.jpg\" data-ulbtitle=\"ULTIMATE LIGHTBOX\" data-ulbdescription=\"&lt;p&gt;Add a responsive lightbox to any or every image on your site simply by clicking on a checkbox on the plugin&#8217;s options page.&lt;\/p&gt;\n\" >\n\t\t\t\t\n\t<img decoding=\"async\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/golden.jpg\">\n\t<div class=\"ewd-us-slide-text\">\n\t\t\n\t\t<div class=\"ewd-us-slide-title\">ULTIMATE LIGHTBOX<\/div>\n\t\t<div class=\"clear\"><\/div>\n\t\t\n\t\t<div class=\"ewd-us-slide-excerpt\"><p>Add a responsive lightbox to any or every image on your site simply by clicking on a checkbox on the plugin&#8217;s options page.<\/p>\n<\/div>\n\t\t<div class=\"clear\"><\/div>\n\n\t\t<ul class=\"ewd-us-slide-buttons\">\n\n\t\t\t\n\t\t<\/ul>\n\t\n\t<\/div> \n\n\t\n\t<\/li>\n<li  class=\"ewd-us-slide ewd-us-hidden ewd-ulb-lightbox\" id=\"ewd-us-slide-2\" data-ulbsource=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/cityscape.jpg\" data-ulbtitle=\"Lightbox in Slider\" data-ulbdescription=\"&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet vulputate dui. Nam posuere accumsan consectetur.&lt;\/p&gt;\n\" >\n\t\t\t\t\n\t<img decoding=\"async\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/cityscape.jpg\">\n\t<div class=\"ewd-us-slide-text\">\n\t\t\n\t\t<div class=\"ewd-us-slide-title\">Lightbox in Slider<\/div>\n\t\t<div class=\"clear\"><\/div>\n\t\t\n\t\t<div class=\"ewd-us-slide-excerpt\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet vulputate dui. Nam posuere accumsan consectetur.<\/p>\n<\/div>\n\t\t<div class=\"clear\"><\/div>\n\n\t\t<ul class=\"ewd-us-slide-buttons\">\n\n\t\t\t\n\t\t<\/ul>\n\t\n\t<\/div> \n\n\t\n\t<\/li>\n<li  class=\"ewd-us-slide ewd-us-hidden ewd-ulb-lightbox\" id=\"ewd-us-slide-3\" data-ulbsource=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains.jpg\" data-ulbtitle=\"A Fourth Slide\" data-ulbdescription=\"&lt;p&gt;This is a fourth slide to showcase in the Carousel&lt;\/p&gt;\n\" >\n\t\t\t\t\n\t<img decoding=\"async\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains.jpg\">\n\t<div class=\"ewd-us-slide-text\">\n\t\t\n\t\t<div class=\"ewd-us-slide-title\">A Fourth Slide<\/div>\n\t\t<div class=\"clear\"><\/div>\n\t\t\n\t\t<div class=\"ewd-us-slide-excerpt\"><p>This is a fourth slide to showcase in the Carousel<\/p>\n<\/div>\n\t\t<div class=\"clear\"><\/div>\n\n\t\t<ul class=\"ewd-us-slide-buttons\">\n\n\t\t\t\n\t\t<\/ul>\n\t\n\t<\/div> \n\n\t\n\t<\/li>\t\n\t\t<\/ul>\n\n\t\t<div class=\"ewd-us-nav-arrow\" id=\"left\">\n\t<div class=\"ewd-us-arrow-div ewd-us-arrow-background-shape-circle\">\n\t\t<div class=\"ewd-us-slider-icon ewd-us-arrow\" id=\"left\">g<\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"ewd-us-nav-arrow\" id=\"right\">\n\t<div class=\"ewd-us-arrow-div ewd-us-arrow-background-shape-circle\">\n\t\t<div class=\"ewd-us-slider-icon ewd-us-arrow\"  id=\"right\">h<\/div>\n\t<\/div>\n<\/div>\n\t<\/div>\n\n\t<div class=\"ewd-us-slider-control\" id=\"\">\n\t<div class=\"ewd-us-slider-control-button-list\"><\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"clear\"><\/div>\n<h2>Image Gallery with Lightbox Effect<\/h2>\n<div id='gallery-1' class='gallery galleryid-157 gallery-columns-4 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/trainyard\/'><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"654\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard-1024x683.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard-1024x683.jpg 1024w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard-600x400.jpg 600w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard-300x200.jpg 300w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard-768x512.jpg 768w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard.jpg 1620w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/northernlights\/'><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"654\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/northernlights-1024x683.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/northernlights-1024x683.jpg 1024w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/northernlights-600x400.jpg 600w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/northernlights-300x200.jpg 300w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/northernlights-768x512.jpg 768w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/northernlights.jpg 1620w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/mountains\/'><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"654\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains-1024x683.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains-1024x683.jpg 1024w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains-600x400.jpg 600w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains-300x200.jpg 300w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains-768x512.jpg 768w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains.jpg 1620w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/cityscape\/'><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"654\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/cityscape-1024x683.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/cityscape-1024x683.jpg 1024w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/cityscape-600x400.jpg 600w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/cityscape-300x200.jpg 300w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/cityscape-768x512.jpg 768w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/cityscape.jpg 1620w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<h2>Images with Specific Class<\/h2>\n<p>There are options in the plugin to make it so that a lightbox is applied to every image with a specific class. We even go beyond this and have made it so that you can choose any CSS selector to apply a lightbox to (for example: <strong>#mainDiv\u00a0.myClass:nth-of-type(2n+3) .myImageClass<\/strong>). The following three images all have the class <strong>.attachment-large<\/strong>.<\/p>\n<div id='gallery-2' class='gallery galleryid-157 gallery-columns-3 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/mountains\/'><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"654\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains-1024x683.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains-1024x683.jpg 1024w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains-600x400.jpg 600w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains-300x200.jpg 300w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains-768x512.jpg 768w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/mountains.jpg 1620w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/golden\/'><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"654\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/golden-1024x683.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/golden-1024x683.jpg 1024w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/golden-600x400.jpg 600w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/golden-300x200.jpg 300w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/golden-768x512.jpg 768w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/golden.jpg 1620w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/trainyard\/'><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"654\" src=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard-1024x683.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard-1024x683.jpg 1024w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard-600x400.jpg 600w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard-300x200.jpg 300w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard-768x512.jpg 768w, https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-content\/uploads\/2016\/11\/trainyard.jpg 1620w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Image Gallery with Lightbox Effect Images with Specific Class There are options in the plugin to make it so that a lightbox is applied to every image with a specific class. We even go beyond this and have made it so that you can choose any CSS selector to apply a lightbox to (for example: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":9,"href":"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-json\/wp\/v2\/pages\/2\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/www.etoilewebdesign.com\/ultimate-lightbox\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}