Как лучше всего запретить браузеру отображать изображения до полной их загрузки?

Question

Я хотел бы создать скудную и скромную галерею изображений с миниатюрами, отображаемыми в строке.Я бы хотел, чтобы они не загружали окна во время загрузки, я бы хотел, чтобы они просто всплывали, или, если есть способ определить их завершение, используйте эффект jQuery, такой как быстрый fadeIn ().

Iпредставьте себе строку кода, например:

$ (". thumb-image"). whenLoaded (fadeIn (500));

Но есть ли такое событие?Как это называется?

Answer 1

Используйте событие load:

jQuery:

$(window).load(function(){
  // your code for images....
});

Или Vanilla JavaScript:

window.onload = function(){
  // your code for images....
};

Событие load происходит после загрузки всех изображений, DOM, внешних ресурсов, фреймов и т. Д.