phpBB España Oficial • Highslide en reimg image resizer

Página 1 de 2

Highslide en reimg image resizer

Publicado: 27 Mar 2013, 20:02

por chav

URL: http://www.ffm.cl
Versión phpBB: 3.0.11
MODs Instalados: Prime Links, Share_On_1.0.2, +1, contact_admin_306, reimg_image_resizer_2_0_0,Formato Móvil para phpBB3
Plantilla(s) usada(s): Ultra green
Servidor: Linux, de pago, Sitio Host
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Tengo instalado el mod reimg_image_resizer_2_0_0 y hoy me ha dado por activar la función ( o librería) Highslide porque según leí es posible presentar las imágenes como se hace en este foro, con una flecha de avanzar en el borde de la imagen , sin embargo sólo me aparece una especie de X en la esquina inferior derecha que sirve para ampliar la imagen. ¿la pregunta es que debo hacer para logra que se visualicen como quiero (como en phpbb-es)?

Gracias

Re: Highslide en reimg image resizer

Publicado: 27 Mar 2013, 23:52

por Makoto

phpbb-es no usa ese mod, usa Advanced BBCode Box 3 con redimensionador Highslide

Re: Highslide en reimg image resizer

Publicado: 27 Mar 2013, 23:56

por chav

Eso tengo entendido, a lo que yo me refería era lograr que sea como en este foro. Porque al revisar la página de esa librería muestra que se puede poner de esa manera. Pero parece que no es así.

Gracias

Re: Highslide en reimg image resizer

Publicado: 28 Mar 2013, 01:58

por Makoto

esta el la configuracion del abbc

Código: Seleccionar todo

if (hs.addSlideshow) hs.addSlideshow({
			slideshowGroup: 'gallery',
			interval: 5000,
			repeat: false,
			useControls: true,
			fixedControls: false /* 'fit' */,
			overlayOptions: {
				position: 'bottom right',
				hideOnMouseOut: true /* false */,
				opacity: 0.75
		//	},
		//	thumbstrip: {
		//		position: 'above',
		//		mode: 'horizontal',
		//		relativeTo: 'expander'
			}
		});

esto es lo que debes agregar en el js del mod

abrir

Código: Seleccionar todo

reimg_content.html

buscar

Código: Seleccionar todo

		hs.lang.restoreTitle = "{LA_RESTORE_TITLE}";
	}

Despues agregar

Código: Seleccionar todo

if (hs.addSlideshow) hs.addSlideshow({
			slideshowGroup: 'gallery',
			interval: 5000,
			repeat: false,
			useControls: true,
			fixedControls: false /* 'fit' */,
			overlayOptions: {
				position: 'bottom right',
				hideOnMouseOut: true /* false */,
				opacity: 0.75
		//	},
		//	thumbstrip: {
		//		position: 'above',
		//		mode: 'horizontal',
		//		relativeTo: 'expander'
			}
		});

Re: Highslide en reimg image resizer

Publicado: 28 Mar 2013, 02:06

por chav

Lo agregue al reimg y no pasó nada, seguro no supe pegarlo . Lo agregue al final de la enorme línea de código que me muestra el notepad++

Gracias

Re: Highslide en reimg image resizer

Publicado: 28 Mar 2013, 02:12

por Makoto

sube tu archivo para revisarlo, recuerda que debes limpiar el cache de plantillas

Re: Highslide en reimg image resizer

Publicado: 28 Mar 2013, 02:29

por chav

Este es el archivo al que le agregué el código que me has dado.
Gracias

Re: Highslide en reimg image resizer

Publicado: 30 Mar 2013, 17:13

por Makoto

eh intentado de varias maneras y no puedo hacer que se vea como una galeria, lo siento

Re: Highslide en reimg image resizer

Publicado: 30 Mar 2013, 18:13

por chav

El intento es lo que vale.
Gracias

Re: Highslide en reimg image resizer

Publicado: 30 Mar 2013, 19:31

por leviatan21

prueba con estos cambios :

Abrir:

Código: Seleccionar todo

raiz/styles/art_ultra_green/template/mods/reimg_content.html

Buscar:

Código: Seleccionar todo

	<!-- ELSEIF S_REIMG_ZOOM_METHOD eq '_lytebox' -->

Antes, agregar:

Código: Seleccionar todo

    /** Image Resizer JS with Highslide JS - End **/
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'rounded-white';
    hs.wrapperClassName = 'dark';
    hs.fadeInOut = true;
    hs.dimmingOpacity = 0.75;
    hs.marginTop = 25;
    hs.thumbnailId = null;
    hs.numberPosition = 'caption';
    hs.captionEval = 'this.a.title';
    hs.useBox = false;
    // Add the controlbar
    if (hs.addSlideshow)
    {
        hs.addSlideshow({
            slideshowGroup: 'gallery',
            interval: 5000,
            repeat: false,
            useControls: true,
            fixedControls: false,
            overlayOptions: {
                position: 'bottom right',
                hideOnMouseOut: true,
                opacity: 0.75
            }
        });
    }
    /** Image Resizer JS with Highslide JS - End **/

Abrir:

Código: Seleccionar todo

raiz/includes/functions_reimg.php

Buscar:

Código: Seleccionar todo

	foreach ($images as $images_list)

Antes, agregar:

Código: Seleccionar todo

    $reimg_zoom = reimg_get_config('reimg_zoom');

Buscar:

Código: Seleccionar todo

			$display_text = str_replace($image, $image_reimg, $display_text);

Antes, agregar:

Código: Seleccionar todo

            if ($reimg_zoom == '_highslide')
            {
                $image_src = preg_replace('#<img.*?src="(.*?)".*?\/>#', '$1', $image);
                $image_reimg = '<a class="highslide" href="' . $image_src . '" title="' . $image_src . '"onclick="return hs.expand(this, {slideshowGroup: \'gallery\'});">' . $image_reimg . '</a>';
            }

Guardar todos los cambios, subir los archivos al servidor y desde el ACP refrescar plantillas luego vas a la configuración del ReIMG ( solapa MODs ) y en la opción Zooming link: elijes Link resized image, guardas y pruebas a ver si te gusta como queda

Re: Highslide en reimg image resizer

Publicado: 30 Mar 2013, 20:07

por chav

hago lo que dices y por las dudas primero Elijo Boton de Zoom, luego Enlace cambiar el tamaño de la imagen y finalmente Both y nada que me guste y en el mensaje aparece

Código: Seleccionar todo

onclick="return hs.expand(this, {slideshowGroup: 'gallery'});">

Gracias

Re: Highslide en reimg image resizer

Publicado: 30 Mar 2013, 20:13

por leviatan21

adjunta tus archivos modificados y deja un enlace a un tema en tu foro con imagenes

Re: Highslide en reimg image resizer

Publicado: 30 Mar 2013, 20:44

por chav

Va el enlace y los archivos http://www.ffm.cl/viewtopic.php?f=18&t=6706

Un detalle es que yo estoy con la versión 2.0.0 del Mod y para hacer los cambios que dices sólo reemplacé el functions_reimg.php por el de la 2.0.1 ya que el de la 2.0.0 no trae los cambios. Sin embargo el error también se me da en una instalación desde cero que tengo (en local) de la 2.0.1

Gracias

!	Mensaje del Equipo por: leviatan21
	Elimino adjuntos para no generar problemas

Re: Highslide en reimg image resizer

Publicado: 30 Mar 2013, 20:53

por leviatan21

en los cambios que te indique, cambia esta linea :

Código: Seleccionar todo

                $image_src = str_replace(array('<img src=', ' alt="Image" />'), '', $image);

Por esta otra:

Código: Seleccionar todo

                $image_src = preg_replace('#<img.*?src="(.*?)".*?\/>#', '$1', $image);

de esta manera será compatible con cualquier idioma ( yo lo hice solo en ingles

)

Re: Highslide en reimg image resizer

Publicado: 30 Mar 2013, 21:01

por chav

Perfecto !

y por lo que veo mi actualización "artesanal" del mod fue correcta

Gracias