Lightbox

Lightbox Examples

[lightbox url=”http://farm6.static.flickr.com/5203/5361871429_50b985b529_o.jpg” title=”Envato Front Door”]Single Image[/lightbox]

[lightbox url="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" title="Image title"]single image[/lightbox]

[hr/]

[lightbox url=”http://farm5.static.flickr.com/4138/5394788470_5bcd84f141_o.jpg” group=”1″ title=”Envato Image 1″]Grouped Image 1[/lightbox]
[lightbox url=”http://farm6.static.flickr.com/5057/5394788970_9875ed6da0_o.jpg” group=”1″ title=”Envato Image 2″]Grouped Image 2[/lightbox]
[lightbox url=”http://farm5.static.flickr.com/4109/5394193039_55d435af32_o.jpg” group=”1″ title=”Envato Image 3″]Grouped Image 3[/lightbox]

[lightbox url="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" group="1" title="Image 1"]Grouped Image 1[/lightbox]
[lightbox url="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" group="1" title="Image 2"]Grouped Image 2[/lightbox]
[lightbox url="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" group="1" title="Image 3"]Grouped Image 3[/lightbox]

[hr/]

[lightbox url=”http://mural.unispheredesign.com” width=”100%” height=”100%” iframe=”true”][image img=”http://breeze.unispheredesign.com/wp-content/uploads/assets/280x110_1.jpg” /][/lightbox]

[lightbox url="http://mural.unispheredesign.com" width="100%" height="100%" iframe="true"][image img="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/280x110.jpg" /][/lightbox]

[hr/]

[lightbox url=”#inline-content”]Inline Content[/lightbox]

[lightbox url="#inline-content"]Inline Content[/lightbox]
<div id="inline-content" style="display: none;">
   <p><strong>What is Lorem Ipsum?</strong></p>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>

[hr/]

[lightbox] shortcode parameters:

[table style=”border”]

Parameter name Parameter description Possible values Default value url The url of the content to open in the lightbox title The title displayed in the lightbox group The lightbox group this belongs to iframe Set iframe to true if opening a web page inside a lightbox true or false false width The width of the lightbox in pixels height The height of the lightbox in pixels

[/table]