http://photo.163.com/shixiaojian089/train/28002 Este es un álbum de fotos de NetEase. Quiero probarlo después de verlo.
En mi método de producción, necesito obtener el ancho de cada foto, por lo que usé naturalmente el método de ancho () de JQ. No hay un gran problema en correr bajo FF e IE, pero cuando se trata de Chrome, hay un problema.
Use la alerta para solucionar problemas y descubrió que los valores obtenidos por el método de ancho en Chrome son 0. En este caso, creo que la imagen no se carga en absoluto cuando el script se ejecuta aquí. El problema debe ser con $ (function () {}); Porque este método solo requiere que el DOM se ejecute después de la carga. Luego cámbielo para ejecutar en Onload, y está bien. Sin embargo, esta obviamente no es una buena solución. Después de todo, debe esperar hasta que se cargue todo el contenido de todo el archivo antes de ejecutar el script.
Después de buscar en línea, descubrí que este tipo //www.vevb.com/article/50402.htm también encontró el mismo problema. Hay una solución debajo de su comentario, que puede usarse como referencia:
Úselo donde desee obtener el ancho y la altura de la imagen
La copia del código es la siguiente:
$ img.load (function () {
var img_h = $ img.height ();
var img_w = $ img.width ();
}
De esta manera, aún puede usar $ (function () {}); Llame al método de carga en el objeto de imagen donde se debe cargar la imagen, evitando que se cargue todo el contenido del archivo.