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

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

Youtube Vimeo Daylimotion Metacafe Cnn Facebook
[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

quickTime quickTime quickTime
[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)

W H O A T H E M E S
[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

Mini
[wt_lightbox href="image_src_large.jpg" title="Single Image Lightbox"] image src [/wt_lightbox]

Lightbox with iframe

Theme Forest
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

Inline content
Another Inline Content
[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>