Rent A Coder

Resize Images for phpBB3

Imprimir Imprimir - Enviar a un amigo Enviar a un amigo

English:
When I read the news about phpBB3, I start to view the MODs that are being developed, and found this one, and when I was looking at it I think that I can make some improvements, for example, to take only the images on the post body.

And after a few minutes of coding i get this mod. Tested on Firefox and IE7, but hope it will work on others browsers. I took the idea of the javascript function from the mod that i mention before, but of course, with some changes to keep it clean and better.

What basically this mod does is resize any images within the posts body that is greater than a given width, so the forum layout will not be deformed.

The features are:

  • Only the images from the post are resized (at least that was supposed to do <<)
  • The images that was resized open in a new window (popup)
  • Easy to change the max width and message to display when the mouse is over the resized image

Well, here’s the mod. I hope you can forgive my bad english, but at least hope you understand what i’m trying to say xD leave any comments you have =P

Descargar: phpBB3 MOD Resize Images  phpBB3 MOD Resize Images (41.9 KiB, 1,067 descargas)

——–
Español:
Cuando lei sobre la salida del phpBB3 me puse a ver algunos de los MODs que se están desarrollando, y entre ellos me encontré con este, y mientras lo veía me dije que podía mejorarlo, por ejemplo, tomando solo las imagenes dentro del post.

Despues de unos minutos de programar resultó esto. Lo probé en Firefox y en IE7, pero espero funcione en otros navegadores. La función javascript esta basada en la que usa el mod que mencioné anteriormente, pero con algunos cambios para hacerla mas limpia y mejor.

Básicamente lo que hace este mod es achicar las imagenes dentro de los posts que sean mas anchas que un tamaño dado, para que de esta forma no se deforme el diseño del foro.

Características:

  • Solamente las imágenes dentro de los posts son cambiadas de tamaño.
  • Las imágenes que se achicaron son abiertas en una nueva ventana.
  • Es fácil cambiar el ancho máximo y el mensaje que que se muestra al poner el mouse sobre la imagen.

Y bueno, sin mas aqui esta el mod para descargar, recuerda dejar tu comentario si tienes alguna duda.

Descargar: phpBB3 MOD Resize Images  phpBB3 MOD Resize Images (41.9 KiB, 1,067 descargas)

Tags: , ,

  1. 17 Comentarios to “Resize Images for phpBB3”

  2. Por blzkz el Ene 14, 2008 | Responder@blzkz

    Una duda de novato :$ como se instala ese MOD? porque se que el de kber es modificando solo el archivo pero este ya…

    Gracias por el mod :)

  3. Por oso96_2000 el Ene 15, 2008 | Responder@oso96_2000

    Abre los archivos .xml en tu explorador y sigue las instrucciones que ahi vienen. Tambien te dejo el enlace al topic del MOD en los foros de phpBB.
    Igual es facil de instalar, solo debes modificar dos archivos y copiar un tercero a cierta ruta.

  4. Por Sebastian el Mar 14, 2008 | Responder@Sebastian

    Muy bueno el mod, pero le agregue algunas modificaciones, fijate, es que en mi navegador no salian ampliadas bien las imágenes

    var _img_max_width = 500; //change this if you want another size
    var _img_mouseover_title = ‘Clic aqui para ver ampliar la imagen.’; //Change here for the message to display when the mouse is over the resized image

    //Don’t touch anything after here if you don’t know what are you doing.
    function addLoadEvent(func){
    var oldonload = window.onload;
    if (typeof window.onload != ‘function’) {
    window.onload = func;
    }else{
    window.onload = function() {
    if (oldonload) {
    oldonload();
    }
    func();
    }
    }
    }

    addLoadEvent(function () {
    if (document.getElementsByTagName) {
    var imgs = document.getElementsByTagName(’img’);
    for (i = 0; i _img_max_width) {
    im.style.width = _img_max_width + ‘px’;
    im.onclick = function() {
    var pop = window.open(this.src, ‘imgbig’, ‘width=’+width+’,height=’+height+’, scrollbars=0,resizable=1,toolbar=0′);
    // pop.resizeBy(width-pop.document.body.clientWidth,height-pop.document.body.clientHeight);
    pop.resizeTo(screen.width, screen.height);
    pop.moveTo(0, 0);
    pop.focus();
    }
    im.style.cursor = document.all ? ‘hand’ : ‘pointer’ ;
    im.style.border = ‘1px dotted #000′;
    im.style.margin = ‘2px’;
    im.title = _img_mouseover_title;
    }
    }
    }
    });

  5. Por Javier Lorente el Abr 15, 2008 | Responder@Javier Lorente

    Hola

    Lo acabo de instalar en mi foro http://www.nortejoven.com/foro/ y funciona a la perfección solo que al hacer click sobre las imágenes el popup que se abre no corresponde con el tamaño de la imagen ni se puede ampliar. Las imágenes están alojadas en imageshack.us no se si será ese el problema.

    Un saludo

  6. Por Música Electronica el Abr 30, 2008 | Responder@Música Electronica

    Lo vas a actualizar para la 3.0.1 con la mejora esa de coger los width y height de las páginas?

  7. Por oso96_2000 el Abr 30, 2008 | Responder@oso96_2000

    Si, lo haré. Lo que pasa es que aún no he tenido tiempo de nada, el trabajo me consumía estos días x_x

    Ahorita tengo algo de tiempo, veré si puedo arreglarlo.

  8. Por oso96_2000 el May 1, 2008 | Responder@oso96_2000

    Ok, ya he actualizado la correción de esos errores. Y funciona con todas las versiones del phpBB3

  9. Por blzkz el May 4, 2008 | Responder@blzkz

    hola otra vez ;)

    Tengo una duda. Estoy intentando que en vez de saltar un popup cuando haces click, que despues del onclick la imagen vuelva a su tamaño normal (el grande) y luego otro click y vuelva al tamaño pequeño.

    Gracias

  10. Por oso96_2000 el May 4, 2008 | Responder@oso96_2000

    blzkz: Mmh.. creo que no es muy dificil, pero tendría que ponerme a verlo y para eso necesito otro fin de semana de 5 dias como este xD
    De todas formas veré que se puede hacer :P

  11. Por blzkz el May 5, 2008 | Responder@blzkz

    gracias

    De todas formas seguiré intentando algo xD

    Si consigo resolverlo lo pongo por aquí :)

  12. Por oso96_2000 el May 6, 2008 | Responder@oso96_2000

    blzkz: Según yo no es muy difícil, cosa de que la función que se agrega a cada imagen, en lugar de abrir el popup, compruebe el ancho actual de la imagen. Si es el original, al dar clic se convertirá al ancho deseado para no deformar el foro, y viceversa.

  13. Por blzkz el May 6, 2008 | Responder@blzkz

    he estado probando pero es que de js estoy muy verde. intenté que cuando se da el evento im.onclick comprobara el width de im pero si era de 600 (mi límite) que pasara al original, pero me da que no debo ponerlo bien xD

    Aún asi no se como llegar a mostrar la imagen con nuevo width y height, porque digamos se me queda estática :S

    Si saco tiempo saco de la biblioteca el libro de js y a ver que consigo :)

  14. Por Gabriel el Jul 14, 2008 | Responder@Gabriel

    Con el tema de probar como habir las imagenes te puedo dar este pedazo de código de uno de mis mods :
    var ImageResizerMode = ‘enlarge’; // ‘enlarge’ ’samewindow’ ‘newwindow’

    dentro del for :
    switch (ImageResizerMode)
    {
    default:
    case ‘newwindow’:
    img.onclick = function () {window.open(this.src, ‘_blank’); return false;}
    break;
    case ’samewindow’:
    img.onclick = function () {window.open(this.src, ‘_self’); return false;}
    break;
    case ‘enlarge’:
    img.onclick = function() {ImgOnLoad_unScale(this); return false;}
    break;
    }

    Y luego agregas esto :
    function ImgOnLoad_unScale(img)
    {
    var new_img = new Image();
    new_img.src = img.src;
    img.setAttribute(’width’, new_img.width);
    img.onclick = function() { ImgOnLoad_scale(img); return false;}
    }

    function ImgOnLoad_scale(img)
    {
    img.setAttribute(’width’, ImageResizerThumbnails);
    img.onclick = function() { ImgOnLoad_unScale(img); return false;}
    }

    Ahora tienes 3 opciones a elegir : Nueva ventana, misma ventana o agrandar y ahicar en el lugar…

    Espero que te sea util :)

  15. Por oso96_2000 el Jul 15, 2008 | Responder@oso96_2000

    @Gabriel: Me agrada eso, puede ser una opción de configuración mas. A ver si en esta semana hago mas cambios al mod :P

    Muchas grax

  16. Por gabao el Ago 31, 2008 | Responder@gabao

    where is the download???

  17. Por oso96_2000 el Sep 1, 2008 | Responder@oso96_2000

    @gabao: Sorry about that, the plugin for download changed it’s way to post a download and i didn’t notice that, it’s fixed now.

  18. Por blzkz el Oct 21, 2008 | Responder@blzkz

    @gabriel hacia bastante que no me pasaba. La verdad que el codigo está muy bien, muchas gracias :)

Post a Comment