Contenido

Usando LightBox Plugin

28 Jun

+ 25

Bueno, despues de muchas comidas de cabeza y tambien por que estaba cansado de NiceImages, he puesto Lightbox Plugin. Un plugin para mostrar imagenes de forma “elegante” y menos molesta que sacar a los usuarios de tu página. He optado por el 0.5 ya que la beta 0.6 incluye Lightbox 2.0 y contiene más utilidades de las que necesito.

He tenido que modificar un poco el código para que funcionaran las imagenes ya insertadas, además para que la insercción de imagenes sea más facil para el usuario.

En la línea 28 del fichero lighybox-plugin.php he cambiado esta línea:

 return preg_replace('/<a(.*?)href=(.*?).(jpg|jpeg|png|gif|bmp|ico)"(.*?)>/i', '<a$1href=$2.$3" $4 >', $content);  

Por esta otra. 

return preg_replace('/<img(.*?)src="(.*?).(miniatura).(jpg|jpeg|png|gif|bmp|ico)"(.*?)alt="(.*?)"(.*?) \/>/i', '<a$1href="$2.$4" rel="lightbox" title="$6" /> <img$1src="$2.$3.$4" alt="$6"$7/></a>', $content); 

¿Por que? Principalmente para que me funcione con las entradas anteriores, y despues por que me parece más facil insertar la imagen y que el se encargue de generarme el enlace a la imagen grande.

Para que funcione esto hay que tener en cuenta (miniatura), esto lo he puesto para que me permita eliminar la palabra miniatura en los enlaces pero no en las imagenes, puede variar de un idioma a otro (thumbnail),…

¿Y como lo uso?

<img src="URL_DE_LA_MINIATURA" alt="TEXTO ALTERNATIVO" /> 

Más simple imposible :D. El hombre es una animal de costumbres.

Ejemplo:

ws_Hamman_Gallardo_1024x768.jpg

Si teneis problemas al editar el fichero, probar a usar este, es el que uso aqui. [Descargar]

A mi no me anda la modificación…
Uno de los errores que encontre al codigo que brindas es que pones ” en ves de ” que no es el mismo caracter. Aun corrigiendo esto me sale en todas las entradas:

Warning: preg_replace(): Unknown modifier ‘>’ in /home/cg512bit/public_html/wp-content/plugins/lightbox-plugin2.php on line 28

Saludos y espero que lo corrijas (siempre quise usar este plugin, pero era mas complicado, porque yo uso el editor visual del wordpress…)

A mi me pasa exactamente lo mismo que a Cristian. Ademas cuando sustituyo la linea que dices y voy a guardarlo me dice que hay caracteres unicode y no se guardaran como debe de ser.

Un saludo!

yo siempre he usado el LightBox, ahora la última versión… es el plugin que veo más práctico, el otro que nombras no me iba muy bien…
saludos

Probar con esto a ver si os va mejor.

Tenía un fallo con la validación del código en XHTML 1.1. Ya está corregido, se puede descargar.

Como podriamos cambiar el tamaño de la miniatura de forma fácil, sin perder la relación entre ancho y altura ???

Ok, lo de las miniaturas ya lo tengo controlado, pero ahora tengo otra pregunta, ¿no se le puede dar una clase a las imagenes?, cuando lo hago no me funciona el LightBox.
He intentado agregar class=”(.*?)”(.*?), al archivo lightbox-plugin.php , pero no funciona.

No hacía falta tocar nada, basta con ponerle a la imagen una clase, pero como último atributo.

Prueba con esto.

<img src="URL" alt="TITULO" class="CLASE" /> 

Eso es lo primero que he hecho, pero no me funciona bien.

¿Has puesto el espacio al final?
class="CLASE"_/>

Si te fijas en el código de la imagen de arriba verás que si que ha funcionado.

Un saludo.

He vuelto a probarlo, y ahora funciona, ¡ No lo entiendo !!!!

Otra cosilla, ya se que utilizas FireFox, pero echale un ojo a tu blog con ie (si quieres). ;)

Mil gracias, justo lo que necesitaba brother ^^

Hola!, interesante hack… pero tengo un pequeño problema… no funciona si es que no le especifico en el header.php de mi tema que cargue el:
plugins/lightbox-plugin/lightbox2.css
lightbox-plugin/js/prototype.js
lightbox-plugin/js/effects.js
….
Tal como aparece en el código de http://www.m3nt0r.de

Alguna sugerencia?

acabo de probarlo con la version 0.5 y funciona, pero con la 0.6 sigue el problema de no cargar el js css en el header…:(

Buenas Jimmy, es normal que tengas que referenciar los ficheros sinó no los vería.

pero con la version 0.5 no se necesita referenciar!
algo anda mal en el lightbox-plugin.php del 0.6 que no carga… muentra el siguiente mensaje:



Jimmy, no está permitido el uso de HTML tendras que enviarmelo por mail.

Sorry.

oye tengo un problema de nuevo andres, por que me aparece “sin miniatura” asi no lo puedo usar. espero pronto tu respuesta atte. tu amigo Edgar Mtz

Hola Andres,

Necesito tu ayuda urgente! Estoy intentando usar alguna de las versiones “xxxbox” (lightbox-greybox-thickbox) para crear un pop-up automático (siempre se carga con la página o sólo la 1ra vez que alguien entra, si se puede) para la inscripción a mi newsletter.
El problema es que ninguno de los plugins funciona en mis páginas, salvo el Tygers Mooboxes, que estéticamente no me gusta. Los tuyos tampoco! Y otro problema es que no sé cómo hacer para que cargue automáticamente. Estoy usando WP2.12. Me podrías dar una mano? Gracias!
Diego

PD: Había intentado antes con un programa (Ferant DHTML popup) que me crea 2 archivos .js también (1 librería, 1 la ventana) pero tambpoco me ha funcionado

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.


Cerrar
Enviar por Correo