Foros del Web » Programando para Internet » Javascript »

cambiar tamaño de fotos grandes

Estas en el tema de cambiar tamaño de fotos grandes en el foro de Javascript en Foros del Web. Si quiero cambiar el tamaño de las imagenes que sobrapasan los 680px, tengo que hacer un bucle? O con algo asi bastarìa? Cita: if (GetElementsByTagName("img").getAttribute("width") ...
  #1 (permalink)  
Antiguo 11/10/2009, 12:06
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 1 mes
Puntos: 101
cambiar tamaño de fotos grandes

Si quiero cambiar el tamaño de las imagenes que sobrapasan los 680px, tengo que hacer un bucle?

O con algo asi bastarìa?

Cita:
if (GetElementsByTagName("img").getAttribute("width") >= 680) {
this.width = 620;
this.height = auto;
}
  #2 (permalink)  
Antiguo 11/10/2009, 12:29
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: cambiar tamaño de fotos grandes

Que me falta?

Cita:
<head> ...
function fotos() {
fotos = document.images;

for (i=0; i<fotos.length; i++)
{

if (fotos[i].getAttribute("width") >= 680) {
this.width = 620;
this.height = "auto";
}
}
}
</head>
<body onload="fotos()">
...
</body>

Última edición por mayid; 11/10/2009 a las 12:44
  #3 (permalink)  
Antiguo 11/10/2009, 14:21
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: cambiar tamaño de fotos grandes

Hola

Prueba así

Código javascript:
Ver original
  1. if (parseInt(document.getElementById(fotos[i].id).getAttribute("width")) >= 680) {
  2. document.getElementById(fotos[i].id).setAttribute("width","620");
  3. document.getElementById(fotos[i].id).setAttribute("height","auto");

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #4 (permalink)  
Antiguo 11/10/2009, 17:28
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: cambiar tamaño de fotos grandes

Oh! Hay signos de vida (no me andaban los alerts en IE!).

Estaba teniendo esto sin darme cuenta:

<script language="JavaScript" for="window" event="onload">

para que sirve eso? daba problemas en IE.

Cita:
fotos[i].setAttribute("width","620");
Esto esta funcionando. Gracias!

Última edición por mayid; 11/10/2009 a las 17:36
  #5 (permalink)  
Antiguo 12/10/2009, 01:04
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 17 años, 6 meses
Puntos: 122
Respuesta: cambiar tamaño de fotos grandes

Eso:

<script language="JavaScript" for="window" event="onload">

Esta mal escrito. Deberia ser:

<script type="text/javascript">
//codigo
</script>

Tal como lo tienes, esta simplemente mal escrito....
__________________
twitter: @imbuzu
  #6 (permalink)  
Antiguo 12/10/2009, 12:02
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: cambiar tamaño de fotos grandes

Lo se, lo se. Me quedo de un copy + paste que traje de script para manejo de iframes. Y no me di cuenta. Luego, me interferìa las funciones nuevas que escribiera.

Ya quedo en marcha mi bucle, mil gracias.
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 10:18.