Lightbox

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://ginettefauquet.net/wp-content/uploads/2013/11/goug_5947470168.jpg »]Single Image[/lightbox]
[lightbox group= »portfolio » href= »http://ginettefauquet.net/wp-content/uploads/2013/11/trey_ratcliff_2858911198.jpg »]Grouped Photo 1[/lightbox]
[lightbox group= »portfolio » href= »http://ginettefauquet.net/wp-content/uploads/2013/11/trey_ratcliff_5456564108.jpg »]Grouped Photo 2[/lightbox]
[lightbox group= »portfolio » href= »http://ginettefauquet.net/wp-content/uploads/2013/11/trey_ratcliff_3021011076.jpg »]Grouped Photo 3[/lightbox]

[code]
[lightbox title= »Title » href= »http://ginettefauquet.net/wp-content/uploads/2013/11/goug_5947470168.jpg »]Single Image[/lightbox]
[lightbox group= »portfolio » href= »http://ginettefauquet.net/wp-content/uploads/2013/11/trey_ratcliff_2858911198.jpg »]Grouped Photo 1[/lightbox]
[lightbox group= »portfolio » href= »http://ginettefauquet.net/wp-content/uploads/2013/11/trey_ratcliff_5456564108.jpg »]Grouped Photo 2[/lightbox]
[lightbox group= »portfolio » href= »http://ginettefauquet.net/wp-content/uploads/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://ginettefauquet.net/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 »]http://ginettefauquet.net/wp-content/uploads/2011/04/nattu_4875313946.jpg » alt= » »/>[/lightbox] [/one_half]
[one_half_last] [lightbox title= »Lightbox triggered by button » href= »http://ginettefauquet.net/wp-content/uploads/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://ginettefauquet.net/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 »]http://ginettefauquet.net/wp-content/uploads/2011/04/nattu_4875313946.jpg » alt= » »/>[/lightbox]

[lightbox title= »Lightbox triggered by button » href= »http://ginettefauquet.net/wp-content/uploads/2013/11/goug_5947470168.jpg »][button size= »medium » bgColor= »#0062c3″]Lightbox[/button][/lightbox]
[/code]

[divider_top]

Lightbox displaying a website in a iframe triggered by text.

[divider_line]
[lightbox title= »Themeforest » href= »http://themeforest.net » iframe= »true »]Outside Webpage (Iframe)[/lightbox]
[code]
[lightbox title= »Themeforest » href= »http://themeforest.net » iframe= »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&output=embed » 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&output=embed » iframe= »true »]Click to open a google map[/lightbox]
[/code]

[divider_top]