Lightbox JS V2.0 Como Instalarlo ??

[reef_01]

Los foros phpbb XS 2, traen este script, que sirve para enlazar las imágenes sin tener que abrir ventanas o pestañas del explorador.

He buscado mas no e hallado como poder instalarlo en el phpbb. Es facil agregarlo en una pagina web, pero en el foro lo e intentado mas no lo q conceguido. Lo e agregado en el header y modificado el img del bbcode.tlp agregandole rel="lightbox". Quizas hay que modificar otros ficheros ó lo he echo mal xD.

Aqui les dejo el url del script : http://www.huddletogether.com/projects/lightbox2/

Aver si alguien le mete mano

Gracias....

[mitch]

reef_01, recuerda que los 3 primeros enlaces que se agregan, van antes del </head> y el otro enlace que relaciona el .css lo dejas antes o despues del otro enlace que llama al .css del template.

[reef_01]

Gracias por responder mitch

En el overall_header.tpl agrege esto antes del </head> :

Código: Seleccionar todo

<!-- LightBOX Start -->
<link rel="stylesheet" href="templates/blue/js/lightbox.css" type="text/css" />
<script src="templates/blue/js/prototype.js" type="text/javascript"></script>
<script src="templates/blue/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="templates/blue/js/lightbox.js" type="text/javascript"></script>
<!-- LightBOX Finish -->

Donde blue es el nombre de mi template y en donde esta la carpeta de "js".

Y en el bbcode.tlp

le agrege rel="lightbox"

Código: Seleccionar todo

<!-- BEGIN img --><img src="{URL}" rel="lightbox" alt="Image" title="Image" border="0" /><!-- END img -->

Como ya dije algo he modificado mal. o quizas hay que modificar el include/bbcode.php.

[mitch]

No es en el tag <img> de bbcode.tpl directamente, sino que antes del <img> hay que pones un enlace <a href="{URL}" rel="lightbox">
Puedes verlo en funcionamiento en mi foro de pruebas

http://www.thekuka.info/mitch/phpBB2/viewtopic.php?t=2

[ThE KuKa]

Off Topic:

Coño Mitch, esta currado el foro, de verdad.
Si quieres espacio para tener tu foro de pruebas, solo tienes que comentarlo y listo.

[mitch]

Off Topic:

Coño Mitch, esta currado el foro, de verdad.
Si quieres espacio para tener tu foro de pruebas, solo tienes que comentarlo y listo.

:O MP mejor será xD acabo de subir el foro no encontré otro lugar.

Y respecto a la duda, bueno eso, tienes funcionando eso allá y ya te dije cómo, en bbcode.tpl antes del <img debe ir un <a link con el rel=lightbox.
Nos vemos

[ThE KuKa]

Off Topic:

Tienes otro MP Mitch, y espacio para ese foro.

[reef_01]

Grande micht.....

Yo lo hice igual pero no me daba resultados, y era porque hace mucho instale un MOD que reduce el ancho de la imagen (Limit Image Width MOD) al tamaño que uno desee por el ACP.

Al ver que a ti te iva bien el script, desistale ese mod. Y me va a la perfeccion.

Pero que puedo hacer para limitar el tamaño de la imagen, ya que se ven las imagenes en los post del mismo tamaño, quisiera que se vean de a 400px, ya que con el script se vera en su tamaño original.

que modificacion tendria que hacer ??

Y gracias por tu ayuda...

[mitch]

Si te fijas en mi foro, tambien tengo eso... un mod que "achica" el tamaño de una imagen grande y que si le haces click, la muestra a tamaño completa con el efecto lightbox. Si me dices cual es el mod exacto que estabas usando para ajustar el tamaño de las imagenes, podría decirte que cambiar... tal vez hayas usado el mismo MOD que usé yo... ya me comentas

Off Topic:

Muchas gracias ThE KuKa me vendrá genial eso

[reef_01]

El que yo usaba es el Limit Image Width v1.0.2 despues de desinstalar este MOD, empezo a funcionar el script.

Puedes verificar el MOD aqui Limit Image Width

Cual exactamente es el que usas tu ?, ya que con este MOD no funciona el Scrpt de Lightbox

[mitch]

Instalé ese MOD y este fue el resultado
http://www.thekuka.info/mitch/phpBB2/viewtopic.php?t=2
(Gracias a The Kuka por el espacio web, será bien utilizado )

Para que te quede así, haz este cambio en bbcode.php (ya modificado por este mod)

Buscar:

Código: Seleccionar todo

$image_replacements[] = '<a href="#" onClick="javascript:window.open(\'' . $images[1][$index] . '\',\'limit_image_mod_popup_img' . $index . '\',\'height=' . $image_height . ',width=' . $image_width . ',status=yes,toolbar=no,menubar=no,location=no,resizable=yes\');"><img src="' . $images[1][$index] .'" width="' . $max_image_width . '" alt="' . $lang['LIW_click_image'] . '" border="0"></a><br /><span class="gensmall">' . $lang['LIW_click_image_explain'] . '</span>';

Reemplazar por:

Código: Seleccionar todo

$image_replacements[] = '<a href="' . $images[1][$index] . '" rel="lightbox"><img src="' . $images[1][$index] .'" width="' . $max_image_width . '" alt="' . $lang['LIW_click_image'] . '" border="0"></a><br /><span class="gensmall">' . $lang['LIW_click_image_explain'] . '</span>';

Con eso, las imagenes que excedan el ancho, al hacerles click se ven con el efecto lightbox, en vez del popup del MOD.
Y si quieres el efecto para las otras imagenes tambien, fijate que un poco mas abajo de lo que has editado, hay 2 lineas iguales a esta:

Código: Seleccionar todo

$image_replacements[] = '<img src="' . $images[1][$index] . '" alt="" border="0">';

deben ambas quedar así:

Código: Seleccionar todo

$image_replacements[] = '<a href="' . $images[1][$index] . '" rel="lightbox"><img src="' . $images[1][$index] . '" alt="" border="0"></a>';

Espero te sirva

[reef_01]

Exelente mitch.....

Ahora si que va a la perfeccion, esto si que es un MOD de imagen...

me imaginaba que avia que tocar el bbcode.php mas no sabia como...

gracias por tu ayuda mitch

[musleman]

Instale este mod en local y me dio un fallo que no se si a vosotros os lo da tambien y es que en las imagenes que se añaden en las firmas tambien aparece la leyenda "Click en la imagen para verlo en su tamaño original" con lo que las imagenes de las firmas se descuadran del todo al aparecer dicha leyenda. Esto pasa si se tienen varias imagenes añadidas en las firmas, si solo se tiene una no pasa. Os dejo una imagen de como sale esto en local con el mod limit image whith mod:



Sin el mod del limit image no se descuadra la firma, que sale asi:



El mod Lightbox JS V2.0 funciona a las mil maravillas pero el limit image que se cita en este mismo da ese error. Por favor verificar vosotros esto pues estuve mirando el codigo pero no di con la tecla. Es al tener una imagen en la firma aparece la leyenda que cito y se descuadra todo el sistema. Lo tengo en local de momento hasta ver si esto se puede arreglar.

Saludos

[mitch]

musleman, solo se me ocurre que pongas un ancho mayor para las imagenes, mas pixeles.
Y el deforme pues ni idea... ademas que no logré entender bien del deforme que hablas.

En mi foro tengo ambas modificaciones funcionando y no hay descuadres... tal vez borraste algun <br> del código de bbcode.php que iba antes del mensaje de "hacer click" y tal.

[musleman]

musleman, solo se me ocurre que pongas un ancho mayor para las imagenes, mas pixeles.
Y el deforme pues ni idea... ademas que no logré entender bien del deforme que hablas.

En mi foro tengo ambas modificaciones funcionando y no hay descuadres... tal vez borraste algun <br> del código de bbcode.php que iba antes del mensaje de "hacer click" y tal. Amigo mitch, subi el ancho de las imagenes pero igual.
Sobre el descuadre te comento con ejemplo para que se entienda mejor.

Yo tengo en la firma dos imagenes puestas como se puede ver en la imagen que dejo. Una es una firma y la otra el escudo del Madrid. Bien, si no pongo el mod limit salen asi:

imagen 1-------imagen 2

Si realizo los cambios que me indica el txt del mod, las imagenes de las firmas se descuadran tal que asi:

imagen 1


imagen 2

y se descuadran por que justo debajo de la imagen 1 sale la leyenda de click aqui para.....

Repase la instalacion del mod y no vi ningun br borrado, asi que aqui me he perdido.
He visto tu foro en pruebas pero no veo que tengas dos imagenes en tu firma. Sube dos imagenes a imagesak y enlazalas a tu firma haber si te pasa a ti lo mismo, por favor y si no te es inconveniente. Solo para saber si te surge a ti el mismo problema.
Espero haberme explicado ahora mas compresible.

Un saludo