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
[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 [/lightbox]Social Networks Videos
[lightbox href="http://www.youtube.com/watch?v=KlR2fcObC5E" title="Youtube Video Lightbox" group="social-videos"] image src [/lightbox]
[lightbox href="http://vimeo.com/21103764" title="Vimeo Video Lightbox" group="social-videos"] image src [/lightbox]
[lightbox href="http://www.dailymotion.com/video/xwbkjw_stand-up-paddle-slowmotion-video_sport" title="Daylimotion Video Lightbox" group="social-videos"] image src [/lightbox]
[lightbox href="http://www.metacafe.com/watch/9794830/people_are_awesome_2012_hd_remix/" title="Metacafe Video Lightbox" group="social-videos"] image src [/lightbox]
[/lightbox] [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 [/lightbox]
[lightbox href="http://www.facebook.com/video/video.php?v=10100399322531320" title="Facebook Video Lightbox" group="social-videos"] image src [/lightbox]QuickTime Videos
[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 [/lightbox]
[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 [/lightbox]
[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 [/lightbox]Lightbox for elements with videos or images (grouped)
W H O A T H E M E S
[lightbox href="http://www.youtube.com/watch?v=KlR2fcObC5E" group="various" title="Youtube video"][dropcap2 color="#f7fcf6" bg_color="#5e3557"]W[/dropcap2][/lightbox]
[lightbox href="image_src_large.jpg" group="various" title="Gallery"][dropcap1 color="#000DDD"]H[/dropcap1][/lightbox]Single image
[lightbox href="image_src_large.jpg" title="Single Image Lightbox"] image src [/lightbox]Lightbox with iframe
Theme Forest[lightbox href="http://themeforest.net/user/whoathemes" title="Iframe Lightbox" group="iframe" width="1000" height="450" iframe="true"]Theme Forest[/lightbox]Inline lightbox
Inline contentLorem 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.
[lightbox href="#inline_demo" title="Inline Content" group="inline" inline="true"]Inline Content[/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>