Lightbox Attributes
- title
- href
- width: (optional)
- height: (optional)
- group: more images / videos grouped
- iframe: true or false
- inline: true or false
- lat: (latitude)
- lng: (longitude)
- zoom: (zoom)
Lightbox With Videos
Flash
[wt_lightbox href="http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf" title="Flash Video Lightbox" group="videos" width="720" height="300"] image src [/wt_lightbox]Social Networks Videos
[wt_lightbox href="http://www.youtube.com/watch?v=KlR2fcObC5E" title="Youtube Video Lightbox" group="social-videos"] image src [/wt_lightbox]
[wt_lightbox href="http://vimeo.com/21103764" title="Vimeo Video Lightbox" group="social-videos"] image src [/wt_lightbox]
[wt_lightbox href="http://www.dailymotion.com/video/xwbkjw_stand-up-paddle-slowmotion-video_sport" title="Daylimotion Video Lightbox" group="social-videos"] image src [/wt_lightbox]
[wt_lightbox href="http://www.metacafe.com/watch/9794830/people_are_awesome_2012_hd_remix/" title="Metacafe Video Lightbox" group="social-videos"] image src [/wt_lightbox]
[/wt_lightbox] [wt_lightbox href="http://www.cnn.com/video/#/video/world/2009/12/23/aoc.magnay.songs.freedom.cnn" title="Cnn Video Lightbox" group="social-videos"] image src [/wt_lightbox]
[wt_lightbox href="http://www.facebook.com/video/video.php?v=10100399322531320" title="Facebook Video Lightbox" group="social-videos"] image src [/wt_lightbox]QuickTime Videos
[wt_lightbox href="http://trailers.apple.com/movies/sony_pictures/karatekid/karatekid-tlr3_r640s.mov" title="QuickTime Video Lightbox" group="quicktime-videos" width="640" height="304"] image src [/wt_lightbox]
[wt_lightbox href="http://trailers.apple.com/movies/paramount/shutterisland/shutterisland-tvspot1_r640s.mov" title="QuickTime Video Lightbox" group="quicktime-videos" width="640" height="304"] image src [/wt_lightbox]
[wt_lightbox href="http://trailers.apple.com/movies/disney/tronlegacy/tronlegacy-tsr1_r640s.mov" title="QuickTime Video Lightbox" group="quicktime-videos" width="640" height="304"] image src [/wt_lightbox]Lightbox for elements with videos or images (grouped)
[wt_lightbox href="http://www.youtube.com/watch?v=KlR2fcObC5E" group="various" title="Youtube video"][wt_dropcap2 color="#f7fcf6" bg_color="#5e3557"]W[/wt_dropcap2][/wt_lightbox]
[wt_lightbox href="image_src_large.jpg" group="various" title="Gallery"][wt_dropcap1 color="#000DDD"]H[/wt_dropcap1][/wt_lightbox]Single image
[wt_lightbox href="image_src_large.jpg" title="Single Image Lightbox"] image src [/wt_lightbox]Lightbox with iframe
MojoThemes
[wt_lightbox href="http://themeforest.net/user/whoathemes" title="Iframe Lightbox" group="iframe" width="1000" height="450" iframe="true"]Theme Forest[/wt_lightbox]Inline lightbox
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in mi justo, posuere varius felis. Quisque non ante gravida nisl consectetur feugiat. Pellentesque fermentum dapibus ligula, ac consectetur sapien aliquam ut. Nunc vel velit tellus. Aenean ac nulla mi. In cursus nisl faucibus nisl bibendum tempus.Maecenas sagittis laoreet fringilla. Vivamus hendrerit est id orci dictum lobortis. Vivamus viverra aliquet quam, pretium pretium ipsum pulvinar a. Curabitur laoreet mauris a urna auctor et gravida risus fermentum. Suspendisse ultrices ante nec ligula porta a volutpat augue commodo. Cras dolor tortor, hendrerit ut interdum at, imperdiet sit amet lectus. Ut non lacus ligula. Nam volutpat, odio sed volutpat rhoncus, metus arcu interdum neque, sed eleifend eros lacus pulvinar augue.
Another Inline Content
Praesent molestie tempus iaculis. Nulla semper euismod adipiscing. Donec consequat lectus eget arcu semper iaculis. Vivamus erat nisi, blandit ac dictum nec, convallis eget dolor. Curabitur sed ultrices lacus. In scelerisque sollicitudin erat, fringilla ornare dolor hendrerit id. Etiam sollicitudin hendrerit purus sit amet interdum. Vestibulum laoreet mattis augue eu aliquam.
Aliquam odio nunc, rhoncus ut venenatis eget, sodales id tortor. Donec scelerisque mattis tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Vivamus hendrerit est id orci dictum lobortis. Vivamus viverra aliquet quam, pretium pretium ipsum pulvinar a. Curabitur laoreet mauris a urna auctor et gravida risus fermentum. In scelerisque sollicitudin erat, fringilla ornare dolor hendrerit id. Etiam sollicitudin hendrerit purus sit amet interdum. Vestibulum laoreet mattis augue eu aliquam.
[wt_lightbox href="#inline_demo" title="Inline Content" group="inline" inline="true"]Inline Content[/wt_lightbox]
<div id="inline_demo" class="hidden">
<img src="http://demo.whoathemes.net/image_src.jpg" width="150" height="225" alt="Girl" class="alignleft" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in mi justo, posuere varius felis. Quisque non ante gravida nisl consectetur feugiat. Pellentesque fermentum dapibus ligula, ac consectetur sapien aliquam ut. Nunc vel velit tellus. Aenean ac nulla mi. In cursus nisl faucibus nisl bibendum tempus.</p>
<p>Maecenas sagittis laoreet fringilla. Vivamus hendrerit est id orci dictum lobortis. Vivamus viverra aliquet quam, pretium pretium ipsum pulvinar a. Curabitur laoreet mauris a urna auctor et gravida risus fermentum. Suspendisse ultrices ante nec ligula porta a volutpat augue commodo. Cras dolor tortor, hendrerit ut interdum at, imperdiet sit amet lectus. Ut non lacus ligula. Nam volutpat, odio sed volutpat rhoncus, metus arcu interdum neque, sed eleifend eros lacus pulvinar augue.</p>
</div>