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 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’s wide range lightbox abilities.
[divider_line]
[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]
Parameters
[divider_line]
[list icon=”check” color=”blue”]
- title: default,radius,round
- group: small,default,large (optional)
- type : inline, image, Ajax, Iframe, Swf
- close: true,false (optional)
- href (optional)
- width (optional)
- height (optional)
- autoSize : true, false (optional)
- autoWidth : true, false(optional)
- fitToView : true, false (optional)
- aspectRatio : true, false (optional)
- closeToClick : true, false (optional)
- imageSource_type (optional)
- imageEffect icon, grayscale (optional)
- imageWidth (optional)
- imageHeight (optional)
- imageAlign : left, right, center (optional)
- imageIcon : zoom, play, doc link(optional)
- imageSize (optional)
[/list]
[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]
Shortcode Option Panel
[divider_line]
[image source_type=”attachment_id” source_value=”3244″ caption=”shortcode lightbox” alt=”shortcode lightbox” align=”center” icon=”zoom” width=”594″ autoHeight=”true” quality=”100″ lightbox=”true” title=”shortcode lightbox”]
[/tab]
[/tabs]
[divider_top]
Samples
Lightbox trigger by text
[divider_line]
[lightbox title=”Title” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/goug_5947470168.jpg”]Single Image[/lightbox]
[lightbox group=”portfolio” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/trey_ratcliff_2858911198.jpg”]Grouped Photo 1[/lightbox]
[lightbox group=”portfolio” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/trey_ratcliff_5456564108.jpg”]Grouped Photo 2[/lightbox]
[lightbox group=”portfolio” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/trey_ratcliff_3021011076.jpg”]Grouped Photo 3[/lightbox]
[code]
[lightbox title=”Title” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/goug_5947470168.jpg”]Single Image[/lightbox]
[lightbox group=”portfolio” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/trey_ratcliff_2858911198.jpg”]Grouped Photo 1[/lightbox]
[lightbox group=”portfolio” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/trey_ratcliff_5456564108.jpg”]Grouped Photo 2[/lightbox]
[lightbox group=”portfolio” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/trey_ratcliff_3021011076.jpg”]Grouped Photo 3[/lightbox]
[/code]
[divider_top]
Lightbox triggered by a image or button
[divider_line]
[one_half] [lightbox title=”Lightbox triggered by Image” type=”image” href=”http://kaptinlin.com/themes/strikingr/files/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”][/lightbox] [/one_half]
[one_half_last] [lightbox title=”Lightbox triggered by button” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/goug_5947470168.jpg”][button size=”medium” bgColor=”#0062c3″]Lightbox[/button][/lightbox] [/one_half_last]
[code]
[lightbox title=”Lightbox triggered by Image” type=”image” href=”http://kaptinlin.com/themes/strikingr/files/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”][/lightbox]
[lightbox title=”Lightbox triggered by button” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/goug_5947470168.jpg”][button size=”medium” bgColor=”#0062c3″]Lightbox[/button][/lightbox]
[/code]
[divider_top]
Lightbox Gallery triggered by a image or button
[divider_line]
[lightbox title=”Lightbox Gallery triggered by Image” type=”image” href=”http://kaptinlin.com/themes/strikingr/files/2011/04/nattu_4875313946.jpg” alt=”” width=”600″ height=”480″ imageSource_type=”attachment_id” imageSource_value=”1045″ imageWidth=”150″ imageHeight=”150″ imageAlign=”center” imageIcon=”zoom” group=”lightboxgallery”][/lightbox]
[lightbox group=”lightboxgallery” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/trey_ratcliff_5456564108.jpg”]Grouped Photo 2[/lightbox]
[lightbox group=”lightboxgallery” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/trey_ratcliff_3021011076.jpg”]Grouped Photo 3[/lightbox]
[code]
[lightbox title=”Lightbox Gallery triggered by Image” type=”image” href=”http://kaptinlin.com/themes/strikingr/files/2011/04/nattu_4875313946.jpg” alt=”” width=”600″ height=”480″ imageSource_type=”attachment_id” imageSource_value=”1045″ imageWidth=”150″ imageHeight=”150″ imageAlign=”center” imageIcon=”zoom” group=”lightboxgallery”][/lightbox]
[lightbox group=”lightboxgallery” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/trey_ratcliff_5456564108.jpg”]Grouped Photo 2[/lightbox]
[lightbox group=”lightboxgallery” href=”http://kaptinlin.com/themes/strikingr/files/2013/11/trey_ratcliff_3021011076.jpg”]Grouped Photo 3[/lightbox]
[/code]
[divider_top]
Lightbox displaying a website in a iframe triggered by text.
[divider_line]
[lightbox title=”Striking Multiflex @Themeforest” href=”http://themeforest.net/item/striking-multiflex-ecommerce-responsive-wp-theme/128763″ iframe=”true” width=”1024″ fitToView=”true”]Outside Webpage (Iframe)[/lightbox]
[code]
[lightbox title=”Striking Multiflex @Themeforest” href=”http://themeforest.net/item/striking-multiflex-ecommerce-responsive-wp-theme/128763″ iframe=”true” width=”1024″ fitToView=”true”]Outside Webpage (Iframe)[/lightbox]
[/code]
[divider_top]
Video in a lightbox triggered by text
[divider_line]
[lightbox title=”Lightbox with video” href=”#vimeo_lightbox” inline=”true” width=”630″ height=”355″]Lightbox with video[/lightbox]
[code]
[lightbox title=”Lightbox with video” href=”#vimeo_lightbox” inline=”true” width=”630″ height=”355″]Lightbox with video[/lightbox]
[/code]
[divider_top]
Lightbox displaying a google map triggered by text
[divider_line]
[lightbox title=”Google Map” href=”http://maps.google.com/maps?f=d&source=s_d&saddr=Oxford+Street,+Manchester,+United+Kingdom&daddr=Market+Street,+Manchester,+United+Kingdom&geocode=Fb73LwMd78rd_ynrzQF277F7SDFCVWJLKaXq4A%3BFYsUMAMdYNHd_yEJYLMek9kdTCnHMI-4wLF7SDEKhNQKCkytQw&aq=0&oq=Market+Street+&sll=53.476426,-2.2228&sspn=0.020356,0.066047&vpsrc=0&hl=en&mra=ls&ie=UTF8&t=m&ll=53.47871,-2.24096&spn=0.00688,0.00326″ iframe=”true”]Click to open a google map[/lightbox]
[code]
[lightbox title=”Google Map” href=”http://maps.google.com/maps?f=d&source=s_d&saddr=Oxford+Street,+Manchester,+United+Kingdom&daddr=Market+Street,+Manchester,+United+Kingdom&geocode=Fb73LwMd78rd_ynrzQF277F7SDFCVWJLKaXq4A%3BFYsUMAMdYNHd_yEJYLMek9kdTCnHMI-4wLF7SDEKhNQKCkytQw&aq=0&oq=Market+Street+&sll=53.476426,-2.2228&sspn=0.020356,0.066047&vpsrc=0&hl=en&mra=ls&ie=UTF8&t=m&ll=53.47871,-2.24096&spn=0.00688,0.00326″ iframe=”true”]Click to open a google map[/lightbox]
[/code]
[divider_top]