Foros del Web » Programando para Internet » Javascript »

Redimensionado de imágenes

Estas en el tema de Redimensionado de imágenes en el foro de Javascript en Foros del Web. Hola a todos, tengo un pequeño problemilla con una aplicación realizada en php. Resulta que en mi aplicación realizo una visualización de los productos de ...
  #1 (permalink)  
Antiguo 09/09/2009, 02:53
Avatar de triskell  
Fecha de Ingreso: junio-2007
Mensajes: 149
Antigüedad: 16 años, 11 meses
Puntos: 2
Redimensionado de imágenes

Hola a todos, tengo un pequeño problemilla con una aplicación realizada en php.

Resulta que en mi aplicación realizo una visualización de los productos de la base de datos, de esos productos visualizo además de otros datos la imagen, la cual carga desde una url externa, dichas imagenes tienen un tamaño en pantalla muy grande y quiero redimensionarlas. Para hacer la redimensión usuo un codio en JavaScript, os dejo el código que estoy usando a continuación:

Código:
$_img = '<img id="image" name="imagen" src="'.$_product->getData('remote_image_url').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" onLoad="document.imagen.heigth='280'" />';
echo $_helper->productAttribute($_product, $_img, 'remote_image_url');
Resulta que al estan embuelto el
Código:
<img id="image name="imagen" src=".." />
dentro de
Código:
$_img='...'
el código JavaScript
Código:
onLoad="document.imagen.heigth='280'"
no me funciona correctamente debido a las comillas que lleva el número 280, y al usar luego
Código:
echo $_helper->productAttribute($_product, $_img, 'remote_image_url')
no puedo reescribir el codigo de carga porque no puedo prescindir de la variable $_img.

¿Qué consejo me dais para solucionar mi problema?

Gracias por adelantado.
  #2 (permalink)  
Antiguo 09/09/2009, 07:00
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 18 años, 8 meses
Puntos: 55
Respuesta: Redimensionado de imágenes

tienes q escapar las comillas simples, de la siguiente manera
onLoad="document.imagen.heigth=\'280\'"
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 09/09/2009, 08:11
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 1 mes
Puntos: 101
Respuesta: Redimensionado de imágenes

Tal cual: onLoad="document.imagen.heigth=\'280\'

Y pensar si no sería mas eficiente reducir las imagenes con PHP que con javascript. Asi ahorrarias tiempo de carga, y la peticion tendría menos volumen en mb. Pienso en la libreria GD.
  #4 (permalink)  
Antiguo 10/09/2009, 01:10
Avatar de triskell  
Fecha de Ingreso: junio-2007
Mensajes: 149
Antigüedad: 16 años, 11 meses
Puntos: 2
Respuesta: Redimensionado de imágenes

Gracias por la información, lo de hacerlo con php no me sirve puesto que estoy trabajando con una aplicación prediseñada y no quiero añadir o tocar librerías por si me pudiera dar algún fallo.
  #5 (permalink)  
Antiguo 10/09/2009, 01:28
 
Fecha de Ingreso: abril-2008
Mensajes: 453
Antigüedad: 16 años, 1 mes
Puntos: 16
Respuesta: Redimensionado de imágenes

sino podrias redimencionar desde css

añadiendo class="resize" a la etiqueta <img>

y desde css
.resize img{width:280px;height:280px}
  #6 (permalink)  
Antiguo 10/09/2009, 14:05
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años
Puntos: 2135
Respuesta: Redimensionado de imágenes

Tema trasladado desde PHP
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:11.