Buenas,
tengo una web donde me muestra 10 fotos que tengo en una array y al hacer click en cada una de ellas las muestra en grande sobre el centro de la pantalla.
El problema es que al hacer click la primera ves sobre una foto me da de ancho y alto y me las posisiona en cualquier lado pero al haer click por segunda ves te da el ancho y alto de la imagen correcta entonces la posisiona en el centro.
alguien sabe porque??
les dejo el codigo
Código Javascript
:
Ver original//creamos un objeto imagen
img = document.createElement('img');
//guardamos la imagen sobre ese objeto
img.setAttribute("src","img/fotos/"+i+".jpg");
//guardamos el ancho en la variable
var ancho = img.width;
//guardamos el alto en la variable
var alto = img.height;
var total_ancho = "-"+ancho/2+"px";
var total_alto = "-"+alto/2+"px";
//posisionamos la imagen en el centro
img.style.position = "relative";
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");
saludos