Nueva Versión: SexyLightbox 2.3.3

No, no es un dejavú! es que gracias a la colaboración de ustedes al reportar los errores y bugs les traigo la nueva versión con todos los errores corregidos.

  • Eliminada la función stopImmediatePropagation en la versión de jQuery. De esta manera el script ahora funciona con versiones viejas de jQuery.
  • Arreglado el error cuando no había titulo pero si era galería, el alto no correspondía al alto de la imagen.
  • Arreglado el error en Safari/Chrome cuando el tamaño de la ventana era menor que la del documento el overlay no tapaba todo en jQuery.
  • En IE6 la pagina se quedaba en “cargando” aún cuando todos los elementos ya habían sido cargados. Corregido!
  • Corregida la compatibilidad con la propiedad “dir” y “sexyimages” que estaban en distinto orden y no se seteaban correctamente.
Mauricio dice:

Ya lo estoy probando y esta excelente Eduardo.

Me gusta mucho el nuevo diseño delicado, suave y con efectos como en la imagen de cerrar.

El problema que tengo es que mi estilo personalizado Green o Verde no se ve bien con esta versión ni tampoco muestra la imagen de cierre.

Me podrías facilitar los .psd nuevos y pensar en futuras actualizaciones incluir un estilo verde que yo mismo te podría pasar una vez hecho?

Gracias

Mauricio dice:

Sorry, no vi que los PSD venían en el Zip porque me fui directo a la carpeta Mootools xD

Lo que si falta es la fuente del texto.

Hola amigo Eduardo, solo queria dejarte una duda: Necesariamente tienes q hacer el botón “Cerrar” con texto al lado? Lo digo porq es en Ingles y con el solo hecho de quitarlo seria para todos los idiomas, considero que sería mucho mas limpio y Sexy si se le quitara. (Simpre le quito el texto cuando lo uso)

    Eduardo dice:

    Se adjunta el PSD en el zip, para que hagas el theme que se ajuste a tus necesidades.

    Igualmente, además de tener el theme “black” con la palabra “close” hay un theme llamado “negro” con la palabra “cerrar”.

    Saludos :roll:

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

hola man
espero que en esta actualizacion hayas tomado en cuenta los el problema que tenia con lo de la carpeta gracias man voy a problarlo xD….

MauricioAedo dice:

Eduardo los PSD están bien, el problema es que son los en ingles y si se quiere cambiar el texto dice que falta la fuente que utilizaste por lo que podrías incluirla o mejor aún agregar los PSD en versión español.

Gracias

Andrés dice:

hola eduardo me alegro que ya no estes como página restringida.

te mando mis saludos y felicitaciones.

veo que tenes cosas nuevas

MauricioAedo dice:

Hola Eduardo, veo que lanzaste otra actualización hoy pero según veo no tomaste mi sugerencia en consideración o tal ves no la leíste por lo que escribo nuevamente.

Necesito modificar el estilo pero el inconveniente es que los PSD que incluye el zip son los con texto en ingles y si deseo cambiarlos me dice que la fuente que utilizaste no la tengo.

Veo 2 opciones para esto o incluir los PSD en español o incluir la fuente que utilizaste para escribir los textos.

Saludos, espero tu respuesta

    Eduardo dice:

    Pensé que te había contestado, de cualquier manera para poner el lightbox en español debes hacer lo siguiente:

    <script type="text/javascript">
      window.addEvent('domready', function(){
        SexyLightbox = new SexyLightBox({color:'negro', dir: 'sexyimages'});
      });
    </script>
    

    Como ves en donde dice “color” pones “negro”.

    En cuanto a la fuente de letra la puedes descargar desde aquí:

    04b_03:
    http://www.dafont.com/04b-03.font

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

Gracias Eduardo con la fuente ya pude crear mi propio estilo verde e implementar el lightbox.

Solo tengo 1 problema, yo utilizo el lightbox también como login de mi web el cual funcionaba perfectamente hasta cambiarme a esta nueva versión con jQuery ya que es el framework que yo utilizo.

La implementación del lightbox como login tu mismo me la diste hace mucho tiempo en el foro, ya que tenias un proyecto Sexy Login que la verdad no se que paso con el ahora.

El login se lanza bien, pero al momento de recibir las respuestas “ok”, “no” o “inactivo” que son las que determinan si los datos están correctos, incorrectos o el usuario se encuentra inactivo correspondientemente el lightbox se cae mostrándome imprimiendo el “echo” correspondiente. Por ejemplo si me logeo correctamente la sesión se crea y todo perfecto pero al momento de redireccionarme solo me muestra una pagina en blanco con el mensaje “ok” y lo mismo en los otros casos, es decir los mensajes no se me muestran en el lightbox como debería ser.

Estos son los códigos:
login.php

editado

Lamento el post tan largo, pero no encuentro el foro como para abrir un tema así.

David dice:

Buenas tardes, mi pregunta es la siguiente:

¿el SLB se puede abrir desde un boton flash por medio de javascript, y de ser posible alguien tiene la solucion?

gracias

MauricioAedo dice:

Finalmente tuve que implementar la versión Mootools ya que con jQuery se me estropeaba el login.

Tengo otra pregunta y espero que Eduardo pueda ayudarme, en una sección de mi web tengo un video de Vimeo embedido y al lanzar el lightbox el video lo tapa.

En esta URL pueden ver el ejemplo: http://facilfood.cl/demo.php

Si presionan arriba eb Iniciar sesión se lanzará el login y verán lo que digo.

Gracias

Alberto dice:

Antes que nada, enhorabuena por estos trabajos tan bien hechos. Considero que son de los mejores plugins que hay para la web.

Bueno, a lo que venía, llevo algunas unas horas intentando buscar un por qué razonable a un pequeño problema cuando llamamos a “#TB_inline”.

Al pasar los parámetros width, height y inlineID el SLB ignora siempre el primer parámetro. No entiendo por qué, ya que en la documentación queda bastante claro como hay que hacerlo, y ademas funciona perfectamente; pero siempre tiene que haber algún manazas que lo haga fallar, jeje.

La solución que he encontrado es escribir en primer lugar un parametro inventado, por ejemplo ignore=bug:

<a href="#TB_inline?ignore=bug&amp;width=500&amp;height=125&amp;inlineId=dlg-install-file" rel="sexylightbox">Cargar nuevos paquetes</a>

Aunque es mu raro, si a alguien le ha pasado lo mismo siempre pruede probar este pequeño “hack”

NOTA: La versión del core de mootools que utilizo es la misma que la de los ejemplos. Ah y el error que arroja es: $(j.inlineID) is null

    Eduardo dice:

    ignore=bug jajaja ta weno si te funciona.

    Es que hay mucha gente que no sabe cómo armar una URL y es algo que yo no explico por ser un tema demasiado básico, es una de las cosas que se aprende en HTML:

    Pagina?parametro=valor

    Ya vi a varios armarla asi:

    Pagina?parametro?parametro=valor

    aca muestro un ejemplo más concreto:
    MAL:

    index.php?TB_inline?width=500&height=125&inlineId=dlg-install-file
    

    BIEN:

    index.php?TB_inline&width=500&height=125&inlineId=dlg-install-file
    ¿Este comentario te ha servido? y colabora con el blog
    Responder
      Alberto dice:

      Jeje estas cosas suelen pasar cuando se esta demasiado tiempo delante del ordenador, se nos olvidan las cosas más básicas. Me alegro que te hayas tomado bien lo del parámetro inventado.

      Gracias por tu pronta respuesta, eres muy grande, continúa así.

      Por cierto! tómate un café a mi salud.

Michael dice:

hello there.

i think i will put this sexy thing to my linklist :-)

Francisco dice:

Hola.
He tratado de registrarme mediante la opción members area, pero no he podido. El error siempre es el mismo, que el código de verificación no coincide, siendo que lo escribo bien.
No sabía dónde escribir esto, así que lo hice aquí, ojalá no haya problemas.

Saludos.

Hola amigos… perdón por la demora… pero aquí estoy… la verdad no me habia fijado de una pregunta que realizó @David y @Diego, acerca de si se podia ejecutar SexyLightbox desde un botón Flash, la respuesta es: Sí!

Les dejo el Código que implementé para todos mis proyectos:

var LightBox = new SexyLightBox({color:'blanco', OverlayStyles:{'background-color':'#000'}, imagesdir:'images/sexyimages'});

LightBox.show('','pagina.htm?width=300&height=290','false');
Manuel dice:

Hola eduardo, tengo la siguiente duda, es posible ejecutar el sexylightbox de forma automatica al entrar a una página determinada, similar al ejecutarse el sexyalert, de tal manera que al ejecutarse automaticamente este contenga una página HTML. Eso es posible???

Te agradeceria me respondieras a esta duda… Y por cierto excelente proyecto.