Buenas! vuelvo a estar aquí cn mis interminables dudas....
Estoy creando una función con la que "rellenar" una plantilla de productos con una serie de variables, el problema es que al cargar la página por primera vez, la imagen no acaba de cargarse o no se que pasa q me muestra un resultado extraño; al volver a clicar ya saca el resultado que esperaba; alguien sabria como ayudarme a resolverlo?
Código HTML:
function previo(titulo_Imagen,Path_Imagen){
/* Identificar Imagen */
var titul = document.getElementById('titulo_foto')
var titulo = titul.innerHTML=titulo_Imagen
/* Averiguar tamaño de imagen */
var newImg = new Image();
newImg.src = Path_Imagen;
/* Tomar tamaño de imagen y ajustar contenedor */
var altura = newImg.height;
var ancho = newImg.width;
var sup_ancho = ancho+40;
var sup_altura = altura+70;
/* Alinear contenedor */
var img2width =sup_ancho;
var alignwidth= -0.5*(img2width);
document.getElementById('images2').style.display='block';
document.getElementById('images2').style.width= sup_ancho +'px';
document.getElementById('images2').style.height= sup_altura +'px';
document.getElementById('images2').style.position='relative';
document.getElementById('images2').style.marginLeft='50%';
document.getElementById('images2').style.left=alignwidth +'px';
document.getElementById('vistaprevia').style.backgroundPosition='center';
document.getElementById('vistaprevia').style.backgroundRepeat='no-repeat';
document.getElementById('vistaprevia').style.padding='0px';
document.getElementById('vistaprevia').style.margin='20px';
document.getElementById('vistaprevia').style.width=ancho +'px';
document.getElementById('vistaprevia').style.height=altura +'px';
document.getElementById('vistaprevia').style.backgroundImage="url('" + Path_Imagen + "')";
}