Как я могу заставить скрипт работать после загрузки img?

Question

У меня следующий сценарий. Он работает до загрузки img, я использую загрузку метода.

$(document).ready(function() { 
    $('.slide-img img').load(function(){ 
    var height = $(this).height(); 
    var width = $(this).width(); 
    if (width > height) { 
     $(this).attr('style', 'max-height: 100%'); 
    }; 
    if (height > width) { 
     $(this).attr('style', 'max-width: 100%'); 
    }; 
    }); 
}); 

Как я могу заставить скрипт работать после загрузки img?

Answer 1

метод использования window.load (JQuery):

$(window).load(function() { 
// this will fire after the entire page is loaded, including images 
}); 

Или использовать window.onload метод (JavaScript):

window.onload = function() { 
// this will fire after the entire page is loaded, including images 
};