Загрузчик изображений Chrome / Safari, первое открытие

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 при первой загрузке страницы некоторые изображения получают высоту и ширину, равные 0 пикселей.Я предполагаю, потому что изображения еще не полностью загружены.

Как можно выполнить код, когда страница фактически загружена?

Answer 1

В качестве быстрого и простого решения используйте .load().

Лучшим решением было бы использовать этот плагин jQuery :

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

Преимущество заключается в том, что вам нужно только дождаться загрузки этих конкретных изображений, а не всего , как это было бы для .load().