Para obtener el ancho de una imagen estoy usando java script (cabe aclarar que la imagen tiene de alto el 100% de su contenedor padre, y el ancho se genera automaticamente). Por eso a veces necesito obtener el ancho de la imagen con java script, lo que funciona perfectamente en todos los navegadores, sin embargo en firefox he detectado un bug, que me gustaria solucionar y paso a explicarlo (estoy en localhost):
//para obtener el ancho de mi imagen uso el siguiente codigo, tanto con java script puro como con jquery:
<body>
<img id="img" src="imagen.jpg" />
<script>
//con js puro
alert( document.getElementById("img").offsetWidth )
//con jq
alert( $('img').width() )
</script>
</body>
Si ustedes prueban el codigo anterior, comprobaran que la primera vez que abran la pagina, les aparecera un alert con la medida correcta de la imagen, sin embargo, al recargar la pagina, es decir al hacer f5, el alert mostrara una medida incorrecta, que puede ser 0 (en caso no tengan establecido un ALT con valores) o "26" (en caso tengan escrito en el ALT una palabra con 26 caracteres).....Esto definitivamente tiene que ser un bug. Las funciones de java script estan funcionando correctamente en firefox pero al hacer f5 no funcionan, al darle enter a la barra de direcciones vuelve a funcionar.
Ahora, quiero saber cómo solucionar esto , o si no debo preocuparme, dado que cuando mi pagina (que ahora esta en local) sea subida a mi host, el problema se solucionara, porque la gente no va a recargar (y quiza hasta lo del f5 funcione distinto una vez subida la pagina).