WP SexyLightBox
Jun
22
¿Conoces SexyLightBox?, es un clon de LightBox con más funcionalidades y un diseño más bonito, el problema es que, como siempre, es un poco tedioso al instalar, es por eso que basado en el plugin SexyLightBox for Wordpres (el cual usa una versión antigua de SexyLightBox) he creado un plugin fácil de instalar para la nueva versión.
¿Qué tiene de bueno?
Esperaba esa pregunta, la meta del plugin es hacer exactamente lo mismo que el script original, solo diminuyendo considerablemente el tiempo y esfuerzo de la instalación.
¿Dices la meta? ¿Entonces que hace por ahora?
Por el momento tiene las siguientes opciones:
- Instalación sencilla con solo un par de clics.
- Posibilidad de escoger entre el uso de jQuery o Mootools (jQuery por defecto).
- Panel de administración donde es posible cambiar colores, librerias y tiempos.
- No hay necesidad de agregar rel=sexylightbox todo el tiempo, solo se sube la imagen y el plugin hará el resto.
- Es compatible con imágenes y html al igual que el script original.
Parece bien pero, ¿no debería hacer otras cosas?
Por supuesto, pero por ahora esta en versión de prueba, por lo que le faltan opciones como la posibilad de agregar galerias, la cual se planea lograr para la próxima versión. Ya se puede.
¿Puedes mostrar ejemplos?
Muchas (si no es que todas) de las imágenes en este blog son un ejemplo del funcionamiento del plugin, pero si no es suficiente subo un par de capturas:
Captura Sexy Administración
Captura Sexy en accion
Me gusta, ¿Cómo lo instalo?
No podría ser más simple:
- Descomprime el archivo.
- Sube la carpeta /sexylightbox a la carpeta /plugins de Wordpress.
- Actívalo desde el panel de administración.
- ¡Es todo! Ahora puedes cambiar los colores desde el menú SexyLightBox que aparece en el menú Opciones.
¿Bugs o errores?
Al ser apenas la primera versión, desconozco si existen muchos problemas, por ahora solo he encontrado que no funciona bien utilizando menús como el LavaLamp. Sin embargo, si encuentras cualquier problema por favor házmelo saber por medio de los comentarios.
¿Donde lo descargo?
Simplemente da clic al siguiente enlace:
¿Sugerencias?
Si tienes alguna sugerencia o algo que quieras en la próxima versión puedes dejar un comentario o puedes contactarme mediante el formulario.
Changelog
WP SexyLightBox 0.1 – Junio 21 2009
* Primera versión liberada.
WP SexyLightBox 0.2 – Septiembre 09 2009
* Las galerías se agregan en base al número de post
WP SexyLightBox 0.3 – Septiembre 16 2009
* Agregada una solución temporal para la galería integrada de Wordpress
WP SexyLightBox 0.5 – Enero 20 2010
* Actualizado para utilizar la última versión de SexyLightBox (2.3.4)
* Agregada la opción de utilizar la versión comprimida
* Ahora es posible elegir 4 temas distintos: Blanco & negro (español) y Black & White (ingles)
* Ahora es posible elegir desde donde quieres que salga el lightbox, arriba o abajo
* La galería intgrada de wordpress ya es soportada
WP SexyLightBox 0.5.1 – Enero 26 2010
* Arreglados varios bugs incluyendo el de la galería de wordpress que mostraba “rel=” en la URL.
WP SexyLightBox 0.5.2 – Enero 28 2010
* Arreglados errores menores que no dejaban al plugin trabajar correctamente
Simplemente hermoso.
no funciona el link de descarga
Maravilloso
@germán Error mío, ya debería funcionar el enlace, debió perderse en mi reciente cambio de hosting.
No funciona al insertar una galeria integrada de wordpress (built-in Wordpress gallery)
Tengo una solución parche para quién le interese. claudio@9-19.cl
P.S.: Excelente trabajo este plugin, felicitaciones.
Claudio, me gustaría hecharle un vistazo al parche que mencionas para corregir el problema, como no uso la galería integrada de wordpress no le había prestado atención.
Hola, instalé el plugin justamente como lo indícas y lo activé también desde el panel de wordpress.
Pero al parecer el plugin no funciona correctamente en mi blog, ya que simplemente no hace nada al hacer click en las imagenes…
¿Alguna idea / Solución?
Salu2.
@thegoldstar: Trata de ver el código fuente de tu página con el navegador y asegurate de que este código se encuentre al principio:
Si no lo encuentras es porque el plugin no se ha activado correctamente, trata de volver a activarlo o subirlo de nuevo.
Hola, como te podrás haber dado cuenta, el código no salió.
De todas maneras busqué la palabra “sexy” en mi código de fuente y salió varias veces el sexylightbox…
Alguna idea de que pueda ser?
Perdón por lo del código, si me apareció cuando puse el comentario.
Si te sale el sexylightbox en el código fuente tal ves sea causado por algún otro javascript que tengas activo, dime que codigos jaascript usas y veré si puedo encontrar una solución.
Por ahora estoy actualizando el plugin ya que la versión de sexylightbox ha sido actualizada, me tomará como mucho un día o dos, talves con la actualizada se solucione el problema.
No me funciona el plugin… Lo carga perfectamente pero no pasa nada con las imágenes.
Gustavo, revisé la página que pusiste al comentar pero no pude ver ninguna imagen con enlace, recuerda que aún tienes que configurar la imagen para que enlace al mismo archivo (al subirla por wordpress te da esa opción). El plugin lo que hace es añadir el rel=”sexylightbox” al enlace.
Si así es como lo tienes y aún no funciona entonces podría ser un conflicto con algun otro javascript ¿usas algun otro?
rECIEN te estaba escribiendo una respuesta… y se me borró. Algún javascript seguro que utiliza la plantilla por defecto.
Te consulto mas tarde con mas información. Pero agrego que es raro que se presenten conflictos con javascript desde un plugin,
Te agrego que no me aparece ninguna opción al subir nuevas imagenes. El plugin está activado y configurado.
Trata de agregar manualmente el enlace a la imagen que apunte al mismo archivo de la imagen, entonces el plugin debería funcionar, debería aparecer la opción en la administración de wordpress ya que no tiene nada que ver con el plugin.
Te menciono lo del conflicto porque a mi me sucedió utilizando lavalamp, entonces este plugin no funcionaba, pero no se si suceda con otros.
Al editar una imagen, lo que puedo hacer es ir a Advanced Link Settings, donde puedo agregar los siguientes atributos a la respectiva imagen:
Title
Link Rel
CSS Class
Styles
Target
A Link Rel le agregué rel=”sexylightbox” y nada… (Disculpame que haga tantos comentarios, jeje, pero me parece bueno el javascript y necesito resolverlo)
Bueno, coloqué el enlace al mismo archivo de la imagen y me lleva a ahí, al archivo de la imagen. Voy a ver si puedo solucionarlo de otra manera, no quiero spamear tanto por tu entrada y asi queda limpia para otros usuarios.
Muchas gracias por tu tiempo.
¡¡¡Ahí funcionó!!! (Pero con el Mootools, en fin).
Deberías chequear que pasa con el JQuerry para futuras inquietudes.
Saludos
intenta agregando < -a href="direcciondetuimagen"->< -img src="direcciondetuimagen"->< -/a-> (quita los “-”).
Eso es lo que necesita el plugin para funcionar bien, y si quieres agregar el rel=”sexilightbox” es dentro de la etiqueta < -a->
EDITO: acabo de entrar a la pagina y parece que ya funciona bien
, creo que revisaré el jQuery como dices o haré que use mootools por defecto.
Gracias, Mario. Solucionado y excelente plugin. Ahora voy a investigar como trabaja dado que se poco y nada de javascript.
Te hago una consulta (por dios dame un correo electrónico jaja). Vi que con éste javascript se puede hacer una ventana emergente, pero con los links. Yo lo necesito para la opción de “registro”, y que aparezca, como en las fotos, la página de registro al blog de wordpress. ¿Aquí la cosa cambia, no? ¿Puede ser que haya alguna linea de código que me permita hacer ésto?
En teoria debería funcionar colocando rel=sexilightbox en el enlace, pero para ser honesto no lo he probado con este plugin.
La documentacion completa del SexyLightbox la puedes encontrar en coders.me ahí seguro encuentras lo que buscas.
Si necesitas mi correo u otra forma de contacto aca esta el formulario junto con mi correo.
using wordpress 2.9 and the sexylightbox php code is iserting the jquery and javascripts code twice in the header. Any idea on how to fix this? Thanks for the plugin it is really great!
gracias!!
love it!
not working…trust me. i tried because i like it.
Can you tell me what is the problem? Maybe I can help, it’s working here on this site.
[...] es muchachos, después de meses de no actualizar y prácticamente dar soporte nulo a mi primer y único plugin, al fin lo he actualizado, después de terminar el diseño, justo como lo [...]
Saludos, no logro que funcione, tengo 2.9.1 y esto es lo que sucede. http://www.entretengo.com/gente/kim-kardashian-desnuda-playboy.html lo dejaré sólo por esta noche para que alguien pueda ver el problema y ayudarme.
Creoq eu ya encontré el problema. la cosa cuando se instala no toma la carpeta del theme.
Según veo en el enlace que pones el problema es que aún en el link de la imagen se agrega el rel=sexylightbox, este es un problema con el que vengo luchando desde la primera versión y pensé que se había resuelto en esta pero veo que me equivoqué.
Hay una solución “algo tosca” que puedes utilizar, y ya la coloqué en el archivo comprimido, puedes bajarlo y volverlo a subir, o si prefieres puedes abrir el archivo sexylightbox.php y en la linea 101 verás algo así:
$link.=’ rel=”sexylightbox['.$thePostID.']“‘
Eso lo cambias por esto y debería funcionar
$link.=’” rel=”sexylightbox['.$thePostID.']“‘
El problema es que al hacer esto sobra un ‘ en el código y aunque no afecta para nada el funcionamiento, es algo que debo corregir.
No señor, no encontré el problema… sigue el problema. miré el codigo y esto es lo que hace que no funcione.
//codigo ID;
$link=wp_get_attachment_url($id);
$link.=’ rel=”sexylightbox['.$thePostID.']“‘;
return $link;
Agradecería la ayuda. felicitaciones por la cosa, y estoy buscando quien haga el mismo de eduardo pero el sexytooltip para wordpress.
Bueno ya arriba te dejé la solución temporal mientras reviso bien el problema, sobre los demás códigos de eduardo, pienso hacer más como el que mencionas y el de los formularios
[...] ダウンロード SexyLightBoxプラグインホーム [...]
must be imagesdir:\”.plugins_url(’sexylightbox/sexyimages’).’\',
in line 82, not pugins_url
hehe
you’re right now it’s fixed, sorry and thank you
And I am getting errors with WP 2.9.1 (jQuery or MooTools plugin)
SexyLightbox is not defined
Lo probare en mi blogg
Excelente algo así quería para mi blog
Muchas gracias
Como puedo hacer para que funciones con imagenes externas..
Gracias x este grandioso plugins..
No lo he intentado, pero al colocar el enlace a la imagen (en cualquier lugar) debería funcionar, por ejemplo:
<a href="http://dominioexterior.com/imagen.jpg" rel="sexylightbox"><img src="http://tudominio.com/miniatura.jpg" />/</a>Puedes probarlo y me avisas
Hola,
afligido para la traducción Google… (Francés/español)
WordPress: 2.9.2
desarrollo web site: Local on Macintosh / Safari
Instalado el plugin pero eso no va.
Mi código fuente es OK, y muestra jquery y el script sexylighbox.
Cuando presiono la imagen, obtengo exactamente una ventana de transparencia gris.
Gracias para su ayuda.
RV
Un poco más de explicación:
Cuando pulso sobre imagen, mi página se gris (Header + footer)
y mi imagen aparece normalmente bajo el “footer”
y el marco negro de sexylightbox aparece parcialmente bajo la imagen
Gracias
rv
Afligido Mario,
Todo va bien en adelante… Solucionado
Puede retirar mis mensajes
Faltaba mi archivo “sexylightbox.css” en sexylightbox.
¿Por el contrario, cómo hago para para tener las flechas?
Las flechas aparecen automáticamente cuando colocas más de una imagen en el post, o cuando colocas una galería.
English so you can translate easier:
The arrows appear automatically when you add two or more images into a post, or when you add a gallery.
I’m glad you fixed your problem
muchas gracias Mario para su trabajo