Actualización: Ya dejó de ser una Beta, oficialmente es SexyLightbox 2.2.
Nop, no es una broma
Acabo de terminar la beta pero todavía está muy verde como para publicarla oficialmente. Apenas la estuve probando 10 minutos, por lo que recurro a ustedes para que la testeen en ambientes reales.
Y cuando digo ‘verde’ me refiero a completamente funcional, con todas las características de SexyLightbox 2.1 + varios bugs corregidos, pero sin características nuevas.
La versión en MooTools sale tan pronto tenga lista la de jQuery.
La instalación es como toda la vida:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="sexylightbox.v2.2.jquery.js"></script> <link rel="stylesheet" href="sexylightbox.css" type="text/css" media="all" />
<script type="text/javascript">
$(document).ready(function(){
SexyLightbox.initialize();
});
</script>
<a href="images/puente_mujer.jpg" rel="sexylightbox" title="Puente de la Mujer - Buenos Aires" >
Atención: Esta es una beta no es la versión oficial, por lo que las opciones no se pueden cambiar desde ‘fuera’ del script así que si necesitas usar, por ejemplo, la propiedad ‘imagesdir’ te metes al script y lo editas desde ahí. Tampoco contiene eventos.
Pueden descargarla desde aquí.

Les juro que codear en un framework así me saca de quicio. Todavía no me acostumbro.
Rox lo estaba esperando desde que anunciaste que querias convertirlo a jQuery!
Falto un ejemplo de instalación que indique como se inicializa y las opciones del lightbox en jQuery, intente instalalo basandome en el index.html que viene en el zip pero no me resulto xD
Otra cosa como sugerencia, yo utilizo un estilo que modifique a verde a partir de las imagenes, al igual como en Sexy Forms creo que facilitaria mas la tarea de perzonalizar si añadieras los .psd
Saludos y muchas gracias!
Mauricio tienes toda la razón me acabo de dar cuenta de que no se pueden poner opciones en esta beta
y de que me comí los eventos
En cuanto a los PSD van a estar listos en la versión 2.2 final.
Por si nadie lo notó los bordes están mas redondeados y suaves que en la anterior versión.
esperando la version final ^^ , oye puede ser que al hacer cosas con jquery y mootools se lie ?? es que tengo que hacer una galeria en funcion del boton que se presione, muestre unas fotos o otras de una Base de datos, el problema es que el enlace se crea bien al hacer
jQuery("DIVQUESEA").append("lo que me pasa es que simplemente envia a fotodeladb y entonces no se abre con lightbox... es decir, no coje lo de rel=... puede tener algo que ver con mootools? ya tengo puesto $ = jQuery para que no confunda mootools y jquery.. Nose alguna idea?
Con un enlace creado desde la propia web es decir un enlace que existe cuando se crea funciona perfectamente, lo que no me funciona es crear un nuevo enlace añadiendo un envento click sobre un boton que crea un enlace sobre un div previamente creado.
“Sugerencias?”
Vos llegás a hacer el hermoso Sexy Lightbox basado en mi amado JQuery, te juro que voy hasta tu casa y te doy un beso.
El lightbox será mucho más sexy de lo que es.
@Alfredo… no ’si llego a hacer’, porque YA LO HICE
igualmente, si no tenés tetas no te acepto el beso xD
Por cierto el lightbox anda mejor en jQuery que en mootools como que va mas fluido
@ridN: la versión final tendrá una función ‘refresh()’ que arregla ese tipo de problemas.
Actualizada la versión de Sexy Lightbox para MooTools y jQuery:
sexy-lightbox-2.2
Pues fantastico, ahora lo probaré lo que pasa es que tengo una pequeña duda, no se puede crear 2 objetosn o ??? Segun he leido por ahi, entonces no podré tener uno para el login y otro para la galeria de fotos ?? mhh
Bueno gracias por la respuesta, y haber si me puedes contestar a mi nueva duda.
Muchas gracias.
@ridN: Podes usar el mismo objeto para ambas cosas de hecho es lo que yo hago. A menos que quieras cambiar el color del background o tener otro estilo para el login y galerias, en ese caso no puedes hacerlo con jQuery pero sí con MooTools.
Hola que tal Excelente trabajo el que realizaste de verdad es mas sexy, pero estoy notando un bug, cuando quiero cerrar tengo que apretar 2 veces el boton cerrar.. como que hay un layer sobre puesto.
Saludos, solo era para que notaras eso y bueno excelente trabajo te felicito!
Hola Alguien puede decirme como usar el sexylightbox dentro de un iframe pero al hacerle clic al vinculo el popup o caja de luz se muestre fuera del iframe y no dentro, es Urgente.
Gracias
looks great. Is there config option to turn off the “bouncing effect” when the lightbox opens?
Hombre, como vas a decir que odias JQuery, en que has programado???? es lo mas simple del mundo
hola y como se usaria para lanzar un evento sin links, o sea los ejemplos son haciendo click pero como se implementaria esto con else en php… para arrojar el mensaje de error si no se cumple algun if…
Pues con gusto te pago un cafe, si me das un ejemplo de como hacerlo…
saludos!!
pues creo que voy a usar window.addEvent, lanzo un evento si es false, que opinan
saludos
PD: Me he ahorrado un cafe
Os funciona con IE8? ami solo con firefox y he seguido todos los pasos, a alguien le ocurre lo mismo?