problema lightbox

[Darkman]

Versión de phpBB: 2.0.
Tipo de phpBB: phpBB estandar, (tambien llamado Vanilla) phpBB2 o phpBB3
MODs Instalados: No
Tu conocimiento: Principiante

¿Qué recuerdas haber hecho en el foro antes de aparecer este error?
he subido los archivos al servidor y a partir de ahi ya no se que hacer mas

¿Qué has realizado para intentar resolver el problema?
Nada, porque el problema es que no se que hacer mas.

Descripción y Mensaje
He subido los archivos al root de mi foro que vienen en el lightbox 2.04, ok todo bien hasta ahi.

Llevo horas buscando en el foro intentando lograr informacion pero no hay manera:

1.- Hay que modificar algún archivo para que funcione?
2.- Mi estilo es el ktukblack

Necesito ayuda, muchas gracias.

[mitch]

tu phpBB es 3.0.2 o es 2.0 ??? que pones arriba 2.0 y no se entiende.

De que MOD hablas? que yo he visto varios lightbox. Y claro que hay que editar archivos, como hemos dicho mil y una veces, hay que seguir los pasos del install (por lo general install.xml) y las instrucciones que vengan para el estilo (prosilver y/o subsilver2.xml).

[Darkman]

Mi php esta puesto en mi firma, es el php 3.0.2

El mod es el lightbox 2.04. En ese mod no viene ningun install.xml

He buscado en el foro que archivos hay que modificar, y no lo he encontrado. Se que hay gente que no busca, sin embargo, este no es el caso.

De todos modos gracias por haberme contestado, seguiré buscando.

Saludos.

[ThE KuKa]

Ivars, puedes poner el enlace de donde bajaste el MOD, asi le echo un vistazo.

[Darkman]

Desde luego, muchas gracias

http://www.huddletogether.com/projects/ ... /#download" onclick="window.open(this.href);return false;

[mitch]

Por eso la pregunta... si quieres instalarlo, debes seguir los pasos que dice el HOW TO USE de esa página que nos diste

Subes las 3 carpetas que trae (css, images y js) a la raíz del foro.

Las 4 primeras lineas que te pide agregar, las añades en el archivo /styles/tu_estilo/template/overall_header.html, antes del </head>
estas son las lineas:

Código: Seleccionar todo

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Y después te pide añadir una linea, a la imagen... esto se debe hacer en el archivo /includes/bbcode.php
Buscar:

Código: Seleccionar todo

				'img'		=> '<img src="$1" alt="' . $user->lang['IMAGE'] . '" />',

Reemplazar por:

Código: Seleccionar todo

				'img'		=> '<a href="$1" rel="lightbox" alt="' . $user->lang['IMAGE'] . '"><img src="$1" alt="' . $user->lang['IMAGE'] . '" /></a>',

Ahora si quieres que la imagen aparezca en miniatura, en vez de esa linea, la reemplazas por esta:

Código: Seleccionar todo

				'img'		=> '<a href="$1" rel="lightbox" alt="' . $user->lang['IMAGE'] . '"><img src="$1" alt="' . $user->lang['IMAGE'] . '" style="width: 20%;"/></a>',

Ahora, si no quieres que el bbcode [img] se vea afectado, y quieres que haya un nuevo BBcode, y las imagenes salgan en miniatura, no haces la edición del bbcode.php, sino que vas al ACP, pestaña MENSAJES, y creas este bbcode

Código: Seleccionar todo

BBcode: [img2]{URL}[/img2]
Reemplazo HTML: <a href="{URL}" rel="lightbox"><img src="{URL}" style="width: 20%;" /></a>

con lo que creas el bbcode [img2] y aparecerá la imagen en miniatura (si no quieres esto, quitas del reemplazo html el style="width: 20%;")

Luego de todo esto, borras el caché y listo...probado por mi obviamente. Salu2

[kilateszone]

interesante MOD

Off Topic:

MITCH levantado a estas horas

[mitch]

Off Topic:

en Chile son las 22:19 horas

[kilateszone]

Off Topic:

en Chile son las 22:19 horas

Off Topic:

ah, pensè q eras español, aquí son las 4:32 de la madrugada y aun estoy despierto, que cosa eh

[Darkman]

Por eso la pregunta... si quieres instalarlo, debes seguir los pasos que dice el HOW TO USE de esa página que nos diste

Subes las 3 carpetas que trae (css, images y js) a la raíz del foro.

Las 4 primeras lineas que te pide agregar, las añades en el archivo /styles/tu_estilo/template/overall_header.html, antes del </head>
estas son las lineas:

Código: Seleccionar todo

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Y después te pide añadir una linea, a la imagen... esto se debe hacer en el archivo /includes/bbcode.php
Buscar:

Código: Seleccionar todo

				'img'		=> '<img src="$1" alt="' . $user->lang['IMAGE'] . '" />',

Reemplazar por:

Código: Seleccionar todo

				'img'		=> '<a href="$1" rel="lightbox" alt="' . $user->lang['IMAGE'] . '"><img src="$1" alt="' . $user->lang['IMAGE'] . '" /></a>',

Ahora si quieres que la imagen aparezca en miniatura, en vez de esa linea, la reemplazas por esta:

Código: Seleccionar todo

				'img'		=> '<a href="$1" rel="lightbox" alt="' . $user->lang['IMAGE'] . '"><img src="$1" alt="' . $user->lang['IMAGE'] . '" style="width: 20%;"/></a>',

Ahora, si no quieres que el bbcode [img] se vea afectado, y quieres que haya un nuevo BBcode, y las imagenes salgan en miniatura, no haces la edición del bbcode.php, sino que vas al ACP, pestaña MENSAJES, y creas este bbcode

Código: Seleccionar todo

BBcode: [img2]{URL}[/img2]
Reemplazo HTML: <a href="{URL}" rel="lightbox"><img src="{URL}" style="width: 20%;" /></a>

con lo que creas el bbcode [img2] y aparecerá la imagen en miniatura (si no quieres esto, quitas del reemplazo html el style="width: 20%;")

Luego de todo esto, borras el caché y listo...probado por mi obviamente. Salu2

Magnífico, la explicación es fantástica y la he seguido al pie de la letra.

Sin embargo sigue sin producirse ese efecto después de haber limpiado la caché, esta es la url donde puedes apreciar que no va bien http://www.foroarte.es/viewtopic.php?f=72&t=140" onclick="window.open(this.href);return false;

Muchas gracias por todo.

[mitch]

Es que, tal como te dije, esto cambia las imagenes que esten usadas como [img] (o [img2] si usas el BBcode que te digo que puedes crear).

Esas imagenes estan como adjuntos... por eso no funciona. Postea una imagen con [img] o [img2] (si lo creaste) y verás como funciona.

Ahora, para que funcione el lightbox en los adjuntos, debes hacer esto para tu plantilla:

- En prosilver: Abrir /styles/prosilver/template/attachment.html

Buscar:

Código: Seleccionar todo

			<dt><a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>

Reemplazar por:

Código: Seleccionar todo

			<dt><a href="{_file.U_DOWNLOAD_LINK}" rel="lightbox"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>

Buscar:

Código: Seleccionar todo

			<dt class="attach-image"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>

Reemplazar por:

Código: Seleccionar todo

			<dt class="attach-image"><a href="{_file.U_INLINE_LINK}" rel="lightbox"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></a></dt>

- En subsilver2: Abrir /styles/subsilver2/template/attachment.html

Buscar:

Código: Seleccionar todo

<a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" /></a><br />

Reeplazar por:

Código: Seleccionar todo

<a href="{_file.U_DOWNLOAD_LINK}" rel="lightbox"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" /></a><br />

buscar esto:

Código: Seleccionar todo

<img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" /><br />

Reemplazar por esto:

Código: Seleccionar todo

<a href="{_file.U_INLINE_LINK}" rel="lightbox"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" /></a><br />

Guardas, limpias el cache, y listo (lo probe y funciona).

[Darkman]

Bueno mitch, realmente genial, no sabes lo agradecido que te estoy, muchisimas gracias.

El resultado es perfecto, pero solo falta una cosa, cuando se produce el efecto no aparecen las opciones de next "photo" o prev "photo" ¿sabes a que es debido?

un millón de gracias.

[Darkman]

Si, perdón que repita tema.

Como dije mitch todo ha ido de maravilla, pues el mod funciona "casi" perfecto.

Cuando se activa el mod tienes que cerrarlo para ver el siguiente adjunto, pero antes me funcionaba con los botones "next" y "previous" y podías ver todos los adjuntos sin tener que cerrar cada vez.

Puedes comprobarlo aqui http://www.foroarte.es/viewtopic.php?f=32&t=127" onclick="window.open(this.href);return false;

Muchas gracias

[mitch]

Hmm intenta esto.. en attachment.html

Buscar:

Código: Seleccionar todo

rel="lightbox"

Reemplazar por:

Código: Seleccionar todo

rel="lightbox[phpbb]"

Esto aparece 2 veces. Lo guardas, limpias el caché, y listo.

Si creaste un BBcode nuevo (lo que te puse en la página anterior), tambien puedes hacer este cambio, en el reemplazo html.

Hacer este cambio en el bbcode.php, para el tag [img] no lo recomiendo, porque o si no, las imagenes de las firmas por ejemplo, tambien aparecerían incluídas.

salu2.

[Darkman]

Genial, eres un genio

Muchisimas gracias