posisionar imagen en el centro

[Blashak]

Buenas,
al usar en onload la imagen primero se ve desentrada y a los dos segundo se centra.
porque puede ser???

Código Javascript:

img.onload=function(){
 
              var ancho = img.width;
 
              var alto = img.height;
 
              var total_ancho = "-"+ancho/2+"px";
 
              var total_alto = "-"+alto/2+"px";
 
      img.style.position = "absolute";
 
              img.style.top = "50%";
 
              img.style.left = "50%";
 
              img.style.marginLeft=total_ancho;
 
              img.style.marginTop=total_alto;
  
              img.style.border = "3px solid #FFF";
 
              img.setAttribute("id","foto");   
 
          }  
         
 
      pantalla.appendChild(img);
 

saludos