Cambiar tamaño de imagen con script a 180x50px

NetReyes · 18 Jul 2013

Saludos.

Bueno betanos como dice el titulo necesito cambiar el tamaño de una imagen desde el scrip, ya que si lo realizo mediante CSS la imagen pierde toda la calidad que tiene al grado de no verse de manera adecuada.

El scrip es este:

HTML:

var relacionados={    posts:[],
    max:4,
    maxLen:100,
    imgPorDefecto:"http://emiliocobos.site40.net/blogger/images/blogger1.png",
    plantilla:'<div class="relsposts"><a target="_blank" rel="nofollow" title="{{titulo}}" href="{{url}}"><img src="{{img}}" alt="{{titulo}}"/></a><h6><a target="_blank" rel="nofollow" title="{{titulo}}" href="{{url}}">{{titulo}}</a></h6><p>{{resumen}}</p></div>'
},postRepetido=function(a,b){var c=0;for(;a[c];c++){if(a[c].url===b.url){return true}}return false}; function eliminattags(a,b){var c=a.split("<");for(var d=0;d<c.length;d++){if(c[d].indexOf(">")!=-1){c[d]=c[d].substring(c[d].indexOf(">")+1,c[d].length)}}c=c.join("");return c.substring(0,b-1)+"..."}function mostrarrelacionados(a){var b=relacionados.posts,c=Math.floor(Math.random()*b.length),d=b[c],e=0,f="",g;if(c===b.length-1){c=0}else{c++}for(;b[c];c++){g=b[c];f+=relacionados.plantilla.replace(/{{titulo}}/g,g.tit).replace(/{{url}}/g,g.url).replace(/{{img}}/g,g.img).replace(/{{resumen}}/g,g.contenido);if(g===d){break}if(++e===relacionados.max){break}if(c===b.length-1){c=-1}}if(a){a=typeof a==="string"?document.getElementById(a):a;a.innerHTML=f}else{document.write(f)}}function leerpostetiquetas(a){var b=a.feed.entry,c=0,d,e,f,g;for(;b[c];c++){d=0;g={};e=b[c];f=e.link;g.tit=e.title.$t;contenido=e.content||e.summary;g.contenido=eliminattags(contenido.$t,relacionados.maxLen);g.img=e.media$thumbnail?e.media$thumbnail.url:relacionados.imgPorDefecto||"";for(;f[d];d++){if(f[d].rel==="alternate"){g.url=f[d].href;break}}if(!postRepetido(relacionados.posts,g)&&g.url!==document.URL){relacionados.posts.push(g)}}}

Este script de de post relacionados para Blogger, el cual muestra las imagenes un un tamaño de 72px por 72px.
(Mejores posts relacionados en blogger | Emilio Cobos)

Espero me puedan ayudar para cambiar la imagen mediante el scrip que e colocado, desearia que la imagen tuviera las medias de 180x50px.

Torrecilla · 18 Jul 2013

Estás pidiendo que te hagan todo el trabajo... para eso ve a la sección de Negocios y busca un programador

Saludos.

NetReyes · 18 Jul 2013

Torrecilla dijo:
Estás pidiendo que te hagan todo el trabajo... para eso ve a la sección de Negocios y busca un programador
Saludos.

Amigo en ningun momento estoy pidiendo que lo realicen, solo como puedo cambiarlo yo mismo. Como veo que eres programador pienso que todo lo vez como un buena oportunidad de ganar dinero verdad??

De todas maneras gracias por tu comentario.

EspErpENto · 18 Jul 2013

Torrecilla dijo:
Estás pidiendo que te hagan todo el trabajo... para eso ve a la sección de Negocios y busca un programador
Saludos.

Antes de una salida como esa, mejor hubieras visto a [MENTION=27331]NetReyes[/MENTION] como un cliente en potencia, por un lado, por el otro hubieras ganado mucho más si hubiera cedido parte de tus conocimientos, puesto que no hay nada mejor en el mundo que un cliente sastifecho, te hubiera servido de bombo y platillo en el foro, aparte que en un momento determinado podría, además de buscarte ya como cliente de pago para otro trabajo de programación, pues comprarte algún pack de las imágenes que vendes.

Torrecilla, dejame decirte que necesitas recorrer mucho mundo, el que le sobra a Net, por la forma tan comedida en que te ha respondido.

Todo ello dicho sin la menor pizca de acritud, más bien, pensando como si fueras uno de mis hijos.

Torrecilla · 18 Jul 2013

NetReyes dijo:
Amigo en ningun momento estoy pidiendo que lo realicen, solo como puedo cambiarlo yo mismo. Como veo que eres programador pienso que todo lo vez como un buena oportunidad de ganar dinero verdad??

De todas maneras gracias por tu comentario.

Sí NetReyes, pero tengo proyectos que prefiero dedicarme a ellos a ganar $5 - $10 USD, pero bueno ya veremos si alguien te ayuda, a mí me gust ayudar, yo por mi parte te puedo decir que uses una clase en PHP tipo SimpleImage.php para redimencionar la imagen, espero que eso sea la ayuda que buscas, porque no dices si eres programador, voy a suponer que no, porque si lo que te dije NO te sirve entonces estás intuyendo que necesitas que alguien te haga todo el trabajo...

Saludos.

EspErpENto dijo:
Antes de una salida como esa, mejor hubieras visto a [MENTION=27331]NetReyes[/MENTION] como un cliente en potencia, por un lado, por el otro hubieras ganado mucho más si hubiera cedido parte de tus conocimientos, puesto que no hay nada mejor en el mundo que un cliente sastifecho, te hubiera servido de bombo y platillo en el foro, aparte que en un momento determinado podría, además de buscarte ya como cliente de pago para otro trabajo de programación, pues comprarte algún pack de las imágenes que vendes.

Torrecilla, dejame decirte que necesitas recorrer mucho mundo, el que le sobra a Net, por la forma tan comedida en que te ha respondido.

Todo ello dicho sin la menor pizca de acritud, más bien, pensando como si fueras uno de mis hijos.

Si hubiera querido hacer negocios con el usuario le hubiera enviado un MP o escrito algo relacionado, pero como le digo tengo otras cosas qué hacer, me gusta ayudar, pero no una ayuda que me va a llevar más tiempo y de a gratis... mi tiempo vale.

Haber, se nota que Net no es programador, si no ya hubiera adaptado la clase PHP que le dije, es tan simple como buscar en Google, entonces está pidiendo que le hagan todo el trabajo... aunque no lo diga así, si no es así entonces que tome mi recomendación, descargue la clase y se ponga a programar, si no lo hace es porque necesita que un programador lo AYUDE, pero no estamos hablando de una simple ayuda... si no de ADAPTA un código, eso es igual a tiempo y dinero. Por otro lado, si por un simple comentario que hice me estás diciendo "necesitas recorrer mucho mundo, a Net le sobra... bla bla bla"... CÁLMATE...

EspErpENto · 18 Jul 2013

Yo también te aprecio Torrecilla.

NetReyes · 18 Jul 2013

Amigo si no quieres ayudar no necesitas decir tus comentarios... solo tenias que ver el tema no estas realizando comentarios que no tienen sentido. Recuerda que esta es una comunidad para ayudar, ademas no te estoy pidiendo ayuda espeficamente a ti existen muchos programadores en el Foro.

Como dije no soy programador por lo que no tenia idea que esto fuera tan complicado, solo pedia que me orientan un poco mas sobre el tema.

Torrecilla dijo:
Sí NetReyes, pero tengo proyectos que prefiero dedicarme a ellos a ganar $5 - $10 USD, pero bueno ya veremos si alguien te ayuda, a mí me gust ayudar, yo por mi parte te puedo decir que uses una clase en PHP tipo SimpleImage.php para redimencionar la imagen, espero que eso sea la ayuda que buscas, porque no dices si eres programador, voy a suponer que no, porque si lo que te dije NO te sirve entonces estás intuyendo que necesitas que alguien te haga todo el trabajo...

Saludos.

Si hubiera querido hacer negocios con el usuario le hubiera enviado un MP o escrito algo relacionado, pero como le digo tengo otras cosas qué hacer, me gusta ayudar, pero no una ayuda que me va a llevar más tiempo y de a gratis... mi tiempo vale.

Haber, se nota que Net no es programador, si no ya hubiera adaptado la clase PHP que le dije, es tan simple como buscar en Google, entonces está pidiendo que le hagan todo el trabajo... aunque no lo diga así, si no es así entonces que tome mi recomendación, descargue la clase y se ponga a programar, si no lo hace es porque necesita que un programador lo AYUDE, pero no estamos hablando de una simple ayuda... si no de ADAPTA un código, eso es igual a tiempo y dinero. Por otro lado, si por un simple comentario que hice me estás diciendo "necesitas recorrer mucho mundo, a Net le sobra... bla bla bla"... CÁLMATE...

ElDoctor · 18 Jul 2013

Ese es el script? de donde salio? es muy feo!

---------- Post agregado el 18-jul-2013 hora: 20:29 ----------

Segun lo que llego a ver, esa imagen siempre esta en tamaño original.
Probaste lo obvio?
cambiar el
<img src="{{img}}" alt="{{titulo}}"/>

por

<img src="{{img}}" width="180" height="50" alt="{{titulo}}"/>

Torrecilla · 18 Jul 2013

NetReyes dijo:
Amigo si no quieres ayudar no necesitas decir tus comentarios... solo tenias que ver el tema no estas realizando comentarios que no tienen sentido. Recuerda que esta es una comunidad para ayudar, ademas no te estoy pidiendo ayuda espeficamente a ti existen muchos programadores en el Foro.

Como dije no soy programador por lo que no tenia idea que esto fuera tan complicado, solo pedia que me orientan un poco mas sobre el tema.

Discúlpame pero yo digo lo que se me venga en gana y punto, es libre expresión.

Por otro lado, sí quería ayudar, ya te dije qué clase PHP ocupas, así que úsala, no esperes a que alguien te pase todo el código PHP y te diga cómo usarlo... quieres todo de a gratis :| ... me refiero a que la dificultad de esto es algo alta, no estás pidiendo algo simple como para que alguien te ayude con una respuesta medianamente fácil, si no ya hubiera llegado alguien.

Saludos.

---------- Post agregado el 18-jul-2013 hora: 21:37 ----------

EspErpENto dijo:
Yo también te aprecio Torrecilla.

jajajaja

NetReyes · 18 Jul 2013

Claro que es un foro libre, solo que como te mencione antes te pones en un punto como si fueras el unico programador del foro y no es asi. En ningun momento estoy pidiendo que realizen el cambio del scrip solo que me dijieran si existe una forma para cambiar el tamaño de la imagen con lo agregar unas lineas o algo parecido. Y si hasta el momento no hay otro programador que ponga comentarios que no ayuden al tema...

Torrecilla dijo:
Discúlpame pero yo digo lo que se me venga en gana y punto, es libre expresión.

Por otro lado, sí quería ayudar, ya te dije qué clase PHP ocupas, así que úsala, no esperes a que alguien te pase todo el código PHP y te diga cómo usarlo... quieres todo de a gratis :| ... me refiero a que la dificultad de esto es algo alta, no estás pidiendo algo simple como para que alguien te ayude con una respuesta medianamente fácil, si no ya hubiera llegado alguien.

Saludos.

---------- Post agregado el 18-jul-2013 hora: 21:37 ----------

jajajaja

Torrecilla · 18 Jul 2013

NetReyes dijo:
Claro que es un foro libre, solo que como te mencione antes te pones en un punto como si fueras el unico programador del foro y no es asi. En ningun momento estoy pidiendo que realizen el cambio del scrip solo que me dijieran si existe una forma para cambiar el tamaño de la imagen con lo agregar unas lineas o algo parecido. Y si hasta el momento no hay otro programador que ponga comentarios que no ayuden al tema...

Claro que sé que no soy el único programador del foro, eso que dices es simplemente ridículo...
Pero bueno, disculpa las molestias, a ver si alguien te hace el trabajo que ocupas.

Saludos.

Luis Hermida · 2015-08-09T11:34:22-0500

bueno entro buscando esta misma solucion a un script de mi blog y me doy con una discusión.

rafax2 · 2015-08-11T01:23:09-0500

Buenas Luis, dejando a un lado la discusión anterior te dejo un Ejemplo con una captura de el post.

Una imagen de 1120x662: http://i.imgur.com/0T5r0Gu.png

En tu codigo HTML solo debes colocar la etiqueta indicando el tamaño al cual deseas redimenzionar, solo colocas el ancho y el alto lo tomara proporcional:

Insertar CODE, HTML o PHP:

<canvas id="canvas" width=250></canvas>

El JavaScript quedaria asi:

Insertar CODE, HTML o PHP:

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

img = new Image();
img.onload = function () {

    canvas.height = canvas.width * (img.height / img.width);

    
    var oc = document.createElement('canvas'),
        octx = oc.getContext('2d');

    oc.width = img.width * 0.5;
    oc.height = img.height * 0.5;
    octx.drawImage(img, 0, 0, oc.width, oc.height);

    
    octx.drawImage(oc, 0, 0, oc.width * 0.5, oc.height * 0.5);

    ctx.drawImage(oc, 0, 0, oc.width * 0.5, oc.height * 0.5,
    0, 0, canvas.width, canvas.height);
}
img.src = "http://i.imgur.com/0T5r0Gu.png";

Para verlo en funcionamiento:Edit fiddle - JSFiddle

Espero que te sirva de ayuda para poder resolver el problema que tienes con tu blog.
Saludos!