cargar imagen

[Blashak]

Buenas,

Estoy cargandos fotos en una web que al hacer click se en cada una de ellas se ven en grande. el problema esta que cuando hacer click primero se ve desentrada y a los dos segundo se centra.
porque puede ser??? uso el onload para que me diga cuando termine de cargar printe la imagen

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