Nueva Versión: SexyLightbox 2.3

La tan esperada versión del Lightbox más sexy por fin sale a la luz, después de muchas correcciones y cambios bastante grandes. Gran parte del código se ha re-escrito, así que es posible de que me haya olvidado de algo.

15-10-2009 05-39-35 p.m.

Entre los cambios se encuentran:

  • Nuevo estilo visual, en Inglés y en Español.
  • Ahora podemos especificar desde donde queremos que se vea el lightbox (desde abajo o desde arriba) mediante la propiedad “emergefrom”.
  • Las imágenes pueden abrirse con un tamaño fijo.
  • Se precargan las imágenes del estilo, antes de mostrar el lightbox
  • zIndex fue cambiado a un valor menor, para tener compatibilidad con SexyAlertBox
  • Varios bugs arreglados
  • Ahora el Flash no se oculta.

Y atención con esto último, porque si estas usando SexyLightbox en tu sitio web, deberás hacer modificaciones para poder trabajar con esta nueva versión.

Todos los flash que tengas en tu sitio deben tener la propiedad wmode en transparent u opaque para que el lightbox se muestre correctamente.

La documentación fue actualizada, añadiendo la parte del HTML. La versión en Inglés se encuentra incompleta, cualquier ayuda en la traducción es bienvenida :roll:

Ahora podemos iniciar SexyLightbox en español de la siguiente manera:

  SexyLightbox = new SexyLightBox({color:'negro'});

Ahora la demo muestra un ejemplo de cómo trabajar con Iframes.

Espero sus críticas y correcciones :roll:

Felicidades men !!! te quedó genial !

oso96_2000 says:

Algo que para mi le hace falta y que no he revisado bien, pero creo que no tiene, es la posibilidad de disparar eventos definidos por mi al hacer determinada accion. Por ejemplo, hoy necesitaba lanzar una función cuando le diera al botón de Cerrar. Tuve que moverle un poco al código para poder hacer esto, pero creo que le vendría bien de fábrica =P

Aún asi, felicidades, esta bastante bueno =)

Demostenes says:

Amigo Eduardo:

Llevo 2 días rompiendome la cabeza, el porque no me funcionaba bien la última versión de sexylightbox (2.3).

Despues de una madrugada casi completa, varias aspirinas, etc., he comprobado que esta versión NO TRABAJA BIEN EN EXPLORER 6.

Se queda cargando la página, cuando pulsas sobre y al pulsar en los links para que activar el script no muestra el marco de sexylightbox. (Comprobado al 100% ya que yo solo creia que era en mi programación, pero tambien me ocurre en tu página de ejemplo).

He comprobado en los siguientes navegadores el script (y en todos ellos funcionan excepto en IE 6).
Los navegadores que he probado y el resultado es es siguiente:

NAV. VERSIÓN FUNCIONAMIENTO
—- ———— ——————-
IE6…………..6.0.2900.5512….NO
IE7…………..7.0.5730.13……..OK
IE8…………..8.0.6001.18702…OK
FIREFOX…….3.5.4……………..OK
CHROME…….3.0.195.27……….OK
SAFARI……..4.0.3……………..OK
K-MELEON….1.5.3……………..OK
OPERA………10.01…………….OK
SEAMONKEY..2.0……………….OK

Todos actualizados a fecha de hoy a las últimas versión.

He estado dando vueltas pero no se porque puede ser el error.

Puedo enviarte unas capturas de pantalla para mostrartelo.

Un saludo

    Demostenes says:

    Ha, lo he probado en 3 ordenadores diferentes, son windows XP, con servicepack 3 actualizados al dia de hoy.

    Demostenes says:

    Tambien he comprobado que este error no ocurria en la versión anterior de sexylightbox (2.2)

      Eduardo says:

      Tienes razón y ya lo he corregido.

      Descarga la nueva versión desde aquí:

      http://sexy-lightbox.googlecode.com/files/sexy-lightbox-2.3.2.zip

      Gracias por avisar :)

      Este comentario te ha servido? y colabora con el blog
      Reply
        Demostenes says:

        Eduardo el problema con que el script se queda cargando lo has solucionado.

        Ahora me ocurre otro problema (solo con IE 6).

        Utilizo Dreamwaver CS4 para la programación de mis web.

        Cuando utilizo menus despegables creados por dreamwaver, estos no se muestran hasta que no ejecutas una vez sexylightbox.

        No se si me explico bien.

        He comprobado que con la versión 2.2 esto no ocurria y los menus despegables funcionaban perfectamente.

        He estado mirando el scritp pero como has cambiado tantas cosas no encuentro porque debe de ocurrir esto.

        Echale un vistazo a ver que puede ocurrir, (ya que se IE 6 esta muy antiguo, pero muchas empresas lo siguen utilizando y me gustaria implantar tu script en varios proyectos que tengo que realizar y otros que tengo que actualizar, pero con ese error no puedo implantar la versión 2.3 tendria que implantar la version 2.2 que es la que no tiene el error, pero en la versión 2.2 se pierden muchas nuevas funcionalidades que has implementado).

        Un saludo.

        Lito says:

        saludos Eduardo, como corregiste ese error, lo tengo tambien en el margen izquierdo superior no me lo pinta de color blanco. me deja transparente.
        saludos

Lito says:

Saludos, probe la nueva version en internet explorer no tengo problemas cuando me muestra sobre algun flash, ya que le puse “wmode -transparent”
pero al abrir mozilla, me sale superpuesto el light es decir una parte me muestra el light y en el extremo izquierdo el flash superpuesto

gracias

Luis says:

Buenas a todos!

Este script es magnífico, llevo usandolo casi desde el principio y lo recomiendo fervientemente.

Tengo una duda a ver si alguno sabe la respuesta. Tras actualizar a la última versión dejó de funcionar el evento onShowComplete, el cual utilizaba para saber cuando detener a un slideshow de imágenes ya que el SexyLightbox era desplegado:

box.addEvent(‘onShowComplete’, function(){ myShow.pause(true); }.bind(this.show));

Ahora ese evento dejó de existir y no tengo idea de como referenciar el hecho de que se abre el sexy para poder parar el slide.

Gracias Eduardo!! Si vienes alguna vez por España, tienes mi correo. Salu2

Jamarchi says:

Hola, de donde lo puedo bajar, el que bajo no es igual a los ejemplo que estan en la pagina de demos

saludos,