Error al ejecutar funcion

[isabelramirezmontoya]

Chicos buenas tardes me regalan una ayuda por favor

Tengo una duda con este codigo. Cuando ejecuto la funcion la primera vez, los valores alto y ancho aparecen en cero (0), si ejecuto la funcion por segunda vez los valores alto y ancho aparecen correctamente.

¿No entiendo por que? ¿en que estoy fallando?

Código HTML:

function mostrar_imagen() {
 
   var nombre_imagen = "imagen.jpg";   
 
   img = new Image();
   img.src = nombre_imagen;
 
   var alto = img.height; //Alto;
   var ancho = img.width; //Ancho;
   
   alert(nombre_imagen);
   alert(ancho);
   alert(alto);
   
}
 

Gracias

[Panino5001]

Parece ser un problema de tiempos de carga (como si intentaras acceder a propiedades que sólo están disponibles si la imagen cargó). Intentá así:

Código PHP:

  function mostrar_imagen() {
   var nombre_imagen = "imagen.jpg";   
   img = new Image();
   img.onload=function(){
       var alto = img.height; //Alto;
       var ancho = img.width; //Ancho;
       alert(nombre_imagen);
       alert(ancho);
       alert(alto);
   }
   img.src = nombre_imagen+'?'+(+new Date);//esto lo agregamos para las versiones de explorer que ignoran el evento onload si la imagen está en caché -esto evita la carga desde la caché-
}  
   

[misalabs]

Declara la parte de imagen para que carge antes de mandar a llamar la funcion.

Código Javascript:

var nombre_imagen = "imagen.jpg";
img = new Image();
img.src = nombre_imagen;
function mostrar_imagen(){
    var alto = img.height;
    var ancho = img.width;
    alert(nombre_imagen);
    alert(ancho);
    alert(alto);
    }
 

[Panino5001]

misalabs, eso no te garantiza nada. Necesitás chequear que se ejecute el evento onload de la imagen (o el evento onerror para asumir que nunca cargará y actuar en consecuencia) o usar un temporizador que evalúe las propiedades height y width o la propiedad complete

[misalabs]

Panino5001 tienes razon, veo tu codigo y es mejor ya que actuas siempre y cuando esten cargados los elementos.

[isabelramirezmontoya]

Panino5001, lo que me sugeriste funciono perfecto, GRACIAS

Tengo una duda, antes de visualizar la imagen redefino las margenes para que la imagen quede centrada en el DIV, lo curioso es que primero me muestra la imagen y a los dos o tres segundos la imagen se centra en el DIV.

He modificado de varias formas el codigo pero no logro que la imagen aparezca centrada inmediatamente aparece en el DIV.

El codigo lo tengo definido asi:

Código HTML:

function mostrarImagen() {
 
   var nombre_imagen = "imagen.jpg";
   img = new Image();
   img.onload=function(){
   var alto = img.height; //Alto;
   var ancho = img.width; //Ancho;
 
   if (alto < 400) {
    alto = (400 - alto)/2;
    document.getElementById('solicitud-imagen').style.marginTop = alto+'px';
   }
   
   if (ancho < 400) {
    ancho = (400 - ancho)/2;
    document.getElementById('solicitud-imagen').style.marginLeft = ancho+'px';
   }
 
   }
 
   img.src = nombre_imagen+'?'+(+new Date);//esto lo agregamos para las versiones de explorer que ignoran el evento onload si la imagen está en caché -esto evita la carga desde la caché-
 
   document.getElementById('solicitud-imagen').src = nombre_imagen;  
}
 

Gracias

[isabelramirezmontoya]

Chicos, aunque he modificado el codigo sigo teniendo el mismo problema, cuando carga la imagen, esta aparece en el el rincon superior izquierdo del DIV, a los dos o tres segundos se centra.

¿alguna idea?

Gracias