Lightbox

Lightbox launched from nearly anyware...

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

[lightbox href="http://randfwebdev.com/videos/Envato Logos Pro Expanding.swf" title="Flash Video Lightbox" group="videos" width="720" height="300"] image src [/lightbox]
Top

Own hosted videos

Own hosted .flv video
Own hosted .mp4 video
Own hosted .f4v video

[lightbox href="http://randfwebdev.com/videos/demo_flv.flv" title="Flv Vdeo Lightbox" group="videos"]Own hosted .flv video[/lightbox] [lightbox href="http://randfwebdev.com/videos/demo_mp4.mp4" title="Mp4 Vdeo Lightbox" group="videos"]Own hosted .mp4 video[/lightbox] [lightbox href="http://randfwebdev.com/videos/demo_f4v.f4v" title="F4v Vdeo Lightbox" group="videos"]Own hosted .f4v video[/lightbox]
Top

Social Networks Videos

Youtube Vimeo Daylimotion Metacafe Cnn Google Facebook

[lightbox href="http://www.youtube.com/watch?v=FBmUpHoXIvo" title="Youtube Video Lightbox" group="social-videos"] image src [/lightbox] [lightbox href="http://vimeo.com/25371791?ab" title="Vimeo Video Lightbox" group="social-videos"] image src [/lightbox] [lightbox href="http://www.dailymotion.com/video/x9qnit" title="Daylimotion Video Lightbox" group="social-videos"] image src [/lightbox] [lightbox href="http://www.metacafe.com/watch/3436581/inna_amazing_www_mp3cagi_com/" 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://video.google.com/videoplay?docid=-3382491587979249836#" title="Google 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]
Top

QuickTime Videos

quickTime quickTime quickTime

[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]
Top

Lightbox for elements with videos or images (grouped)

R a n d F

[lightbox href="http://www.youtube.com/watch?v=FBmUpHoXIvo" group="various" title="Youtube video"][dropcap1 color="black"]R[/dropcap1][/lightbox] [lightbox href="http://randfwebdev.com/themes/image_src.jpg" group="various" title="Gallery"][dropcap2 color="red"]a[/dropcap2][/lightbox] [lightbox href="http://randfwebdev.com/themes/image_src.jpg" group="various" title="Gallery"][dropcap3 color="black"]n[/dropcap3][/lightbox] [lightbox href="http://randfwebdev.com/themes/image_src.jpg" group="various" title="Gallery"][dropcap2 color="red"]d[/dropcap2][/lightbox] [lightbox href="http://vimeo.com/25371791?ab" group="various" title="Self hosted Flv video"][dropcap1 color="black"]F[/dropcap1][/lightbox]
Top

Single image

Mini

[lightbox href="http://randfwebdev.com/themes/image_src_large.jpg" title="Single Image Lightbox"] image src [/lightbox]
Top

Lightbox with iframe

Theme Forest

[lightbox href="http://themeforest.net/user/randf" title="Iframe Lightbox" group="iframe" width="1000" height="450" iframe="true"]Theme Forest[/lightbox]
Top

Inline lightbox

Inline content

Another Inline Content

[lightbox href="#inline_demo" title="Inline Content" group="inline" inline="true"]Inline Content[/lightbox] <div id="inline_demo" class="hidden"> <img src="http://randfwebdev.com/themes/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>
Top

Lightbox with google maps

Google maps

[lightbox href="?custom=true&width=600&height=400" title="Google maps" gMap="true" gMap_lat="51.478134" gMap_long="0.000000" gMap_zoom="12"]Google maps[/lightbox]
Top

Top