Question

构建我自己的图像滑块，在firefox中完美运行。然而在chrome / safari中，图像往往不会在页面第一次打开时加载。（如果你刷新一切都很好）

var count = $("#show-image img").size();
var img = $("#show-image img");
$(document).ready(function () {
for(i=0;i<count;i++){
    var width = img[i].width;
    var height = img[i].height;
    $(img[i]).css({"width": width, "height": height});
    console.log(img[i].width);
}
});

在chrome和safari中，页面第一次加载某些图像时，高度和宽度设置为0px。我假设图像尚未完全加载。

当页面完全加载时，如何运行代码？

Answer 1

作为一种快速而简单的解决方案，请改用.load()。

更好的解决方案是使用this jQuery plugin：

$(document).ready(function() {
    $('#show-image').imagesLoaded(function() {
        /* your code here */
    });
});

优势在于您只需要等待加载这些特定图像，而不是像.load()那样所有。

Chrome / Safari图片加载器，第一次打开

1 个答案: