Sexy Lightbox 2.2 beta para jQuery

Actualización: Ya dejó de ser una Beta, oficialmente es SexyLightbox 2.2.

Nop, no es una broma :D

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.

Instalación

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.

Download

Pueden descargarla desde aquí.

jQuery we hate you

hcrazy
Les juro que codear en un framework así me saca de quicio. Todavía no me acostumbro.

Mauricio dice:

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!

Eduardo dice:

Mauricio tienes toda la razón me acabo de dar cuenta de que no se pueden poner opciones en esta beta :roll: y de que me comí los eventos :roll:

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.

¿Este comentario te ha servido? y colabora con el blog
Responder
ridN dice:

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?

ridN dice:

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?”

Alfredo dice:

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.
:)

Eduardo dice:

@Alfredo… no ’si llego a hacer’, porque YA LO HICE :roll: 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 :P

@ridN: la versión final tendrá una función ‘refresh()’ que arregla ese tipo de problemas.

¿Este comentario te ha servido? y colabora con el blog
Responder
Eduardo dice:

Actualizada la versión de Sexy Lightbox para MooTools y jQuery:

sexy-lightbox-2.2

¿Este comentario te ha servido? y colabora con el blog
Responder
ridN dice:

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.

Eduardo dice:

@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.

¿Este comentario te ha servido? y colabora con el blog
Responder
Francisco dice:

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!

Alfredo dice:

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

Jon Hancock dice:

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

diego dice:

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!!

diego dice:

pues creo que voy a usar window.addEvent, lanzo un evento si es false, que opinan :-)
saludos
PD: Me he ahorrado un cafe :-)

Josep dice:

Os funciona con IE8? ami solo con firefox y he seguido todos los pasos, a alguien le ocurre lo mismo?