{"id":761,"date":"2010-11-10T08:52:34","date_gmt":"2010-11-10T08:52:34","guid":{"rendered":"https:\/\/thethemebuilders.review\/"},"modified":"2010-11-10T08:52:34","modified_gmt":"2010-11-10T08:52:34","slug":"lightbox","status":"publish","type":"page","link":"https:\/\/thethemebuilders.review\/smalldemo\/shortcodes\/lightbox","title":{"rendered":"Lightbox"},"content":{"rendered":"<h2>The Striking Lightbox<\/h2>\n<p>The striking theme has the ability to link almost everyting into a lightbox popup, even iframes with a link to a external website are supported (if the website does allow iframe linking). The lighbox shortcode is a very complex shortcode because of its comprehensive settings and abilities. Below are <strong>some<\/strong> examples and abilities shown about what can be done with the Striking lightbox shortcode and how a lightbox can be triggered. Note : These are just a limited excerpt of it&#8217;s wide range lightbox abilities.<br \/>\n<div class=\"divider_line\"><\/div>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Parameters<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Shortcode Option Panel<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><h3>Parameters<\/h3>\n<div class=\"divider_line\"><\/div>\n<ul class=\"list_check list_color_blue\">\n<li><strong>title<\/strong>: default,radius,round<\/li>\n<li><strong>group<\/strong>: small,default,large (optional)<\/li>\n<li><strong>type<\/strong> : inline, image, Ajax, Iframe, Swf<\/li>\n<li><strong>close<\/strong>: true,false (optional)<\/li>\n<li><strong>href<\/strong> (optional)<\/li>\n<li><strong>width<\/strong> (optional)<\/li>\n<li><strong>height<\/strong> (optional)<\/li>\n<li><strong>autoSize<\/strong> : true, false (optional)<\/li>\n<li><strong>autoWidth<\/strong> : true, false(optional)<\/li>\n<li><strong>fitToView<\/strong> : true, false (optional)<\/li>\n<li><strong>aspectRatio<\/strong> : true, false (optional)<\/li>\n<li><strong>closeToClick<\/strong> : true, false (optional)<\/li>\n<li><strong>imageSource_type <\/strong> (optional)<\/li>\n<li><strong>imageEffect<\/strong> icon, grayscale (optional)<\/li>\n<li><strong>imageWidth<\/strong> (optional)<\/li>\n<li><strong>imageHeight<\/strong> (optional)<\/li>\n<li><strong>imageAlign<\/strong> : left, right, center (optional)<\/li>\n<li><strong>imageIcon<\/strong> : zoom, play, doc link(optional)<\/li>\n<li><strong>imageSize<\/strong> (optional)<\/li>\n<\/ul><\/div><div class=\"pane\"><h3>Shortcode Option Panel<\/h3>\n<div class=\"divider_line\"><\/div>\n<figure id=\"image_2474\" class=\"image_styled aligncenter\" style=\"width:596px\">\n\t\t<div class=\"image_frame effect-icon\"><div class=\"image_shadow_wrap\">\n\t\t<a data-fittoview=\"true\" class=\"image_size_medium image_icon_zoom lightbox\" title=\"shortcode lightbox\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2014\/01\/shortcode-lightbox.png\"><img decoding=\"async\" class=\"image-frame\" alt=\"shortcode lightbox\" src=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2014\/01\/shortcode-lightbox.png\" data-theme-retina-image=\"false\"  data-thumbnail=\"3244\" data-thumbnail-class=\"IjMyNDQi\" width=\"596\" height=\"1827\" \/><\/a>\n\t\t<\/div><\/div><span class=\"image_caption\">shortcode lightbox<\/span><\/figure><\/div><\/div><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Samples<\/h2>\n<h3>Lightbox trigger by text<\/h3>\n<div class=\"divider_line\"><\/div>\n<p>\n<a title=\"Title\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2013\/11\/goug_5947470168.jpg\" class=\"lightbox\">Single Image<\/a> <br \/>\n<a title=\"\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2013\/11\/trey_ratcliff_2858911198.jpg\" data-fancybx-group=\"portfolio\" class=\"lightbox\">Grouped Photo 1<\/a> <br \/>\n<a title=\"\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2013\/11\/trey_ratcliff_5456564108.jpg\" data-fancybx-group=\"portfolio\" class=\"lightbox\">Grouped Photo 2<\/a> <br \/>\n<a title=\"\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2013\/11\/trey_ratcliff_3021011076.jpg\" data-fancybx-group=\"portfolio\" class=\"lightbox\">Grouped Photo 3<\/a>\n<\/p>\n<code class=\"code\">&#91;lightbox  title=\"Title\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2013\/11\/goug_5947470168.jpg\"&#93;Single Image&#91;\/lightbox&#93;\n&#91;lightbox group=\"portfolio\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2013\/11\/trey_ratcliff_2858911198.jpg\"&#93;Grouped Photo 1&#91;\/lightbox&#93;\n&#91;lightbox group=\"portfolio\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2013\/11\/trey_ratcliff_5456564108.jpg\"&#93;Grouped Photo 2&#91;\/lightbox&#93;\n&#91;lightbox group=\"portfolio\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2013\/11\/trey_ratcliff_3021011076.jpg\"&#93;Grouped Photo 3&#91;\/lightbox&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Lightbox triggered by a image or button<\/h3>\n<div class=\"divider_line\"><\/div>\n<div class=\"one_half\"><figure class=\"image_styled aligncenter\" style=\"width:152px;\">\n\t\t<div class=\"image_frame effect-icon\" style=\"height:auto\"><div class=\"image_shadow_wrap\">\n\t\t<a title=\"Lightbox triggered by Image\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2011\/04\/nattu_4875313946.jpg\" class=\"lightbox image_size_medium image_icon_zoom\" data-width=\"600\" data-height=\"480\" data-fancybx-type=\"image\"><img decoding=\"async\" alt=\"Lightbox triggered by Image\" src=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2011\/01\/aussiegall_373084861-150x150.jpg\" data-thumbnail=\"914\" data-thumbnail-class=\"IjkxNCI=\" \/><\/a>\n\t\t<\/div><\/div><\/figure><\/div>\n<div class=\"one_half last\"><a title=\"Lightbox triggered by button\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2013\/11\/goug_5947470168.jpg\" class=\"lightbox\"><button id=\"button_id-4447\" href=\"javascript:;\" style=\"background-color:#0062c3\" class=\"button medium primary no_woo_button\"><span>Lightbox<\/span><\/button><\/a><\/div><div class=\"clearboth\"><\/div>\n<code class=\"code\">&#91;lightbox title=\"Lightbox triggered by Image\" type=\"image\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2011\/04\/nattu_4875313946.jpg\" alt=\"\"\" width=\"600\" height=\"480\" imageSource_type=\"attachment_id\" imageSource_value=\"914\" imageWidth=\"150\" imageHeight=\"150\" imageAlign=\"center\" imageIcon=\"zoom\"&#93;&#91;\/lightbox&#93;\n\n&#91;lightbox title=\"Lightbox triggered by button\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2013\/11\/goug_5947470168.jpg\"&#93;&#91;button size=\"medium\" bgColor=\"#0062c3\"&#93;Lightbox&#91;\/button&#93;&#91;\/lightbox&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Lightbox displaying a website in a iframe triggered by text.<\/h3>\n<div class=\"divider_line\"><\/div>\n<a title=\"Themeforest\" href=\"https:\/\/bing.com\" class=\"lightbox\" data-fancybx-type=\"iframe\">Outside Webpage (Iframe)<\/a>\n<code class=\"code\">&#91;lightbox title=\"Themeforest\" href=\"https:\/\/bing.com\" iframe=\"true\"&#93;Outside Webpage (Iframe)&#91;\/lightbox&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Video in a lightbox triggered by text<\/h3>\n<div class=\"divider_line\"><\/div>\n<a title=\"Lightbox with video\" href=\"#vimeo_lightbox\" class=\"lightbox\" data-width=\"630\" data-height=\"355\" data-fancybx-type=\"inline\">Lightbox with video<\/a>\n<div class=\"hidden\">\n<div id=\"vimeo_lightbox\">\n<div class='video_frame' data-ratio='1.77' style='width:630px;height:355px'><iframe class='vimeo' style='height:100%;width:100%' src='https:\/\/player.vimeo.com\/video\/15103655?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0&amp;loop=0' width='100%' height='100%' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe><\/div>\n<\/div>\n<\/div>\n<code class=\"code\">&#91;lightbox title=\"Lightbox with video\" href=\"#vimeo_lightbox\" inline=\"true\" width=\"630\" height=\"355\"&#93;Lightbox with video&#91;\/lightbox&#93;\n&lt;div class=\"hidden\"&gt;\n\t&lt;div id=\"vimeo_lightbox\"&gt;\n\t\t&#91;video type=\"vimeo\" clip_id=\"15103655\" width=\"630\" height=\"355\"&#93;\n\t&lt;\/div&gt;\n&lt;\/div&gt;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Lightbox displaying a google map triggered by text<\/h3>\n<div class=\"divider_line\"><\/div>\n<a title=\"Google Map\" href=\"http:\/\/maps.google.com\/maps?f=d&#038;source=s_d&#038;saddr=Oxford+Street,+Manchester,+United+Kingdom&#038;daddr=Market+Street,+Manchester,+United+Kingdom&#038;geocode=Fb73LwMd78rd_ynrzQF277F7SDFCVWJLKaXq4A%3BFYsUMAMdYNHd_yEJYLMek9kdTCnHMI-4wLF7SDEKhNQKCkytQw&#038;aq=0&#038;oq=Market+Street+&#038;sll=53.476426,-2.2228&#038;sspn=0.020356,0.066047&#038;vpsrc=0&#038;hl=en&#038;mra=ls&#038;ie=UTF8&#038;t=m&#038;ll=53.47871,-2.24096&#038;spn=0.00688,0.00326&#038;output=embed\" class=\"lightbox\" data-fancybx-type=\"iframe\">Click to open a google map<\/a> <\/p>\n<code class=\"code\">&#91;lightbox title=\"Google Map\" href=\"http:\/\/maps.google.com\/maps?f=d&amp;source=s_d&amp;saddr=Oxford+Street,+Manchester,+United+Kingdom&amp;daddr=Market+Street,+Manchester,+United+Kingdom&amp;geocode=Fb73LwMd78rd_ynrzQF277F7SDFCVWJLKaXq4A%3BFYsUMAMdYNHd_yEJYLMek9kdTCnHMI-4wLF7SDEKhNQKCkytQw&amp;aq=0&amp;oq=Market+Street+&amp;sll=53.476426,-2.2228&amp;sspn=0.020356,0.066047&amp;vpsrc=0&amp;hl=en&amp;mra=ls&amp;ie=UTF8&amp;t=m&amp;ll=53.47871,-2.24096&amp;spn=0.00688,0.00326&amp;output=embed\" iframe=\"true\"&#93;Click to open a google map&#91;\/lightbox&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Striking Lightbox The striking theme has the ability to link almost everyting into a lightbox popup, even iframes with a link to a external website are supported (if the website does allow iframe linking). The lighbox shortcode is a very complex shortcode because of its comprehensive settings and abilities. Below are some examples and &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":121,"menu_order":71,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-761","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/comments?post=761"}],"version-history":[{"count":0,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/761\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/121"}],"wp:attachment":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/media?parent=761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}