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]