SexyLightBox is a clon, sexier and more lightweight than the classic LightBox. It was constructed while thinking about web designers toward an easy installation and use. The following examples will show you why it is considered to be "sexy".
SubirImages
Large images are automatically adjusted to window.
Image
<a href="images/puente_mujer.jpg" rel="sexylightbox" title="Puente de la Mujer - Buenos Aires - Argentina"> <img src="images/small_puente_mujer.jpg" alt="" /> </a> <a href="images/neuquen.jpg" rel="sexylightbox" title="Neuquén - Patagonia Argentina"> <img src="images/small_neuquen.jpg" alt="" /> </a> <a href="images/iguazu02.jpg?width=400&height=300" rel="sexylightbox" title="Cataratas del Iguazú"> <img src="images/small_iguazu02.jpg" alt="" /> </a>
Gallery
<a href="images/php_mysql.jpg" rel="sexylightbox[group1]" title="PHP y MySQL"> <img src="images/small_php_mysql.jpg" alt=""/> </a> <a href="images/homerin.jpg" rel="sexylightbox[group1]" title="D'oh!" > <img src="images/small_homerin2.jpg" alt=""/> </a> <a href="images/futurama.jpg" rel="sexylightbox[group1]" title="Clap clap!" > <img src="images/small_clapclap.jpg" alt=""/> </a>
Animated Gifs
<a href="images/yo.gif" rel="sexylightbox" > <img src="images/yo.jpg" alt=""/> </a> <a href="images/ryu.gif" rel="sexylightbox" title="Shinkuu Hadouken!!!" > <img src="images/small_ryu.jpg" alt=""/> </a>
SubirContent
Inline Content
The Audi R8 is a mid-engined sports car introduced by the German automaker Audi in 2006. The R8 is based on the "Audi Space Frame", largely derived from the Lamborghini Gallardo. It is built in a newly renovated factory by Audi AG's wholly owned high performance private subsidiary company, quattro GmbH.
Play Video Rambo Extreme Masacre
Play Video Rise of the Lycans in Modal Lightbox
<a href="#TB_inline?height=125&width=500&inlineId=myOnPageContent" rel="sexylightbox[22]" title="..."> Show HTML </a> <a href="#TB_inline?height=125&width=350&inlineId=myOnPageContent" rel="sexylightbox[22]" title="..."> Show HTML with scrollbar </a> <a href="#TB_inline?height=265&width=320&background=#fff&inlineId=videito1" rel="sexylightbox[22]" title="..."> Play Video Julieta Venegas </a> <a href="#TB_inline?height=260&width=530&background=#fff&inlineId=videito2" rel="sexylightbox"> Play Video Rambo Extreme Masacre </a> <a href="#TB_inline?height=242&width=450&background=#fff&modal=1&inlineId=videito3" rel="sexylightbox"> Play Video Rise of the Lycans in Modal Lightbox </a>
Iframe Content
<a href="http://www.google.com?TB_iframe=true&height=450&width=800" rel="sexylightbox" >Gooooogle</a> <a href="demo-iframe.html?TB_iframe=true&height=150&width=300" rel="sexylightbox" >Iframe Example</a>
AJAX Content
<a href="demo-data.html?height=140&width=480" rel="sexylightbox" title="Contenido cargado via AJAX.">Get data</a> <a href="demo-login.html?height=150&width=350" rel="sexylightbox" >Login Box</a> <a href="demo-shake.html?height=150&width=350" rel="sexylightbox" >Shake Effect</a> <a href="demo-alert.php?height=90&width=430&modal=1&background=white" rel="sexylightbox" >AlertBox</a>