Lightbox

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]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>