Lightbox

Parameters

[divider_line]
[list style=»list1″]

• href
• title
• group (group for a gallery)
• width: (optional)
• height (optional)
• iframe: true,false
• photo (forces Lightbox to display a link as a photo)

[/list]

[divider_top]

Samples

Lightbox for text

[divider_line]
[lightbox title=»Title» href=»http://kaptinlin.com/themes/striking/files/2010/09/hamed_389212454.jpg»]Single Image[/lightbox]
[lightbox group=»portfolio» href=»http://kaptinlin.com/themes/striking/files/2010/09/visualpanic_2365154805.jpg»]Grouped Photo 1[/lightbox]
[lightbox group=»portfolio» href=»http://kaptinlin.com/themes/striking/files/2010/09/ajari_3742651903.jpg»]Grouped Photo 2[/lightbox]
[lightbox group=»portfolio» href=»http://kaptinlin.com/themes/striking/files/2010/09/visualpanic_2243122277.jpg»]Grouped Photo 3[/lightbox]

[code]
[lightbox title=»Title» href=»http://kaptinlin.com/themes/striking/files/2010/09/hamed_389212454.jpg»]Single Image[/lightbox]
[lightbox group=»portfolio» href=»http://kaptinlin.com/themes/striking/files/2010/09/visualpanic_2365154805.jpg»]Grouped Photo 1[/lightbox]
[lightbox group=»portfolio» href=»http://kaptinlin.com/themes/striking/files/2010/09/ajari_3742651903.jpg»]Grouped Photo 2[/lightbox]
[lightbox group=»portfolio» href=»http://kaptinlin.com/themes/striking/files/2010/09/visualpanic_2243122277.jpg»]Grouped Photo 3[/lightbox]
[/code]

[divider_top]

Lightbox for Elements

[divider_line]
[lightbox title=»Trigger by image» href=»http://kaptinlin.com/themes/striking/files/2010/09/visualpanic_3652931425.jpg»][/lightbox]

[lightbox title=»Trigger by button» href=»http://kaptinlin.com/themes/striking/files/2010/09/visualpanic_4592108613.jpg»][button size=»medium» bgColor=»#0062c3″]Lightbox[/button][/lightbox]

[code]
[lightbox title=»Trigger by image» href=»http://kaptinlin.com/themes/striking/files/2010/09/visualpanic_3652931425.jpg»][/lightbox]

[lightbox title=»Trigger by button» href=»http://kaptinlin.com/themes/striking/files/2010/09/visualpanic_4592108613.jpg»][button size=»medium» bgColor=»#0062c3″]Lightbox[/button][/lightbox]
[/code]

[divider_top]

Lightbox with iframe

[divider_line]
[lightbox title=»Google» href=»http://google.com» iframe=»true»]Outside Webpage (Iframe)[/lightbox]
[code]
[lightbox title=»Google» href=»http://google.com» iframe=»true»]Outside Webpage (Iframe)[/lightbox]
[/code]

[divider_top]

Lightbox with video

[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 with google map

[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]