Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/03/2013, 04:41
Avatar de danny_
danny_
 
Fecha de Ingreso: septiembre-2012
Mensajes: 95
Antigüedad: 12 años, 2 meses
Puntos: 4
Lanzar función con bucle for

Buenas gente!!

Tengo un problema que no consigo solucionar, el cual únicamente me carga al añadirlo un evento tipo onclick, pero lo que necesito es que la funcion me cargue al hacer un onload en el objeto window. Os dejo el código a continuación...

var imagen=document.getElementsByTagName('img');

window.onload=function(){

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

imagen[i]=resize;
}


}

function resize(){

alert('aaaa');

var width=this.width;
var height=this.height;
var minSize=150;
if(width > height){
//foto horizontal
widthH=minSize;
heightH=(height/width)*minSize;
this.width=widthH;
this.height=heightH;



}else{
//imagen vertical o cuadrada
if(height >= minSize){
widthV=Math.round((width/height)*minSize);
this.width=widthV;
this.height=minSize;
}else{
//cuadrada
heightC=Math.round((width/height)*minSize);
widthC=minSize;
this.height=heightC;


}
}

}



Si por ejemplo, añado un onclick al objeto imagen, el codigo me funciona, pero yo lo que quiero es que conforme la ventana haya cargado las imagenes se redimensionen. He probado a ponerle imagen[i].onload=resize; pero nada.

Gracias de antemano.