altura de la imagen con el problema de jquery en cromo

Question

$('img').height() devuelve 0 en cromo, pero devuelve la altura real en IE y Firefox.

¿Cuál es el método real para obtener la altura de la imagen en cromo?

Answer 1

Mi hipótesis es que se llama a esta función antes de que la imagen termine de cargarse. ¿Puedes intentar poner un retraso en la función para ver si este es realmente el caso? Si este es el caso, puede hacer trampa usando un temporizador antes de ejecutar la función.

Es un poco más complicado de detectar cuando se carga una imagen. Have a look at this script for some ideas - tal vez te funcione.

Answer 2

Intente utilizar un precargador de imágenes, here's one Escribí para una respuesta a another question.

Answer 3

Como mencionó Josh, si la imagen aún no se ha cargado por completo, jQuery no sabrá cuáles son las dimensiones todavía. Pruebe algo como esto para asegurarse de que sólo está tratando de acceder a sus dimensiones después de que la imagen se ha cargado completamente:

var img = new Image(); 

$(img).load(function() { 
    //-- you can determine the height before adding to the DOM 
    alert("height: " + img.height); 
    //-- or you can add it first... 
    $('body').append(img); 
    //-- and then check 
    alert($('body img').height()); 
}).error(function() { 
    //-- this will fire if the URL is invalid, or some other loading error occurs 
    alert("DANGER!... DANGER!..."); 
}); 

$(img).attr('src', "http://sstatic.net/so/img/logo.png"); 

Answer 4

Una solución poco feo pero eficaz que utilicé era utilizar un lenguaje backend, en mi caso php, para obtener la altura y configurarla en la imagen antes de enviarla al navegador.

es feo, pero simple y rápida

Answer 5

La carga previa de la imagen y la creación de una función de devolución de llamada puede ser lo que estás buscando:

// simple image preloader 
function getHeight(el,fn) { 
    var img = new Image(); 
    img.onload = function() { fn(img.height); }; 
    img.src = el.attr("src"); 
} 

$("img").each(function(){ 
    getHeight($(this),function(h){ 
     // what you need to do with the height value here 
     alert(h); 
    }); 
}); 

Answer 6

Sólo tenían el mismo problema: establecer la anchura y altura de antemano a través de CSS o HTML.

Answer 7

que acababa de hacer algunos experimentos con esto me he dado cuenta que

$(this).height(); 

Devuelve 0 - eso si usted sólo tiene que utilizar el viejo y simple JS

this.height; 

me da la altura de la imagen correcta.