запуск jquery для изображений после загрузки страницы

Question

Я написал скрипт изменения размера изображения jQuery, который отлично работает, когда изображения щелкаются с помощью обработчика, $('img').click (function(){. (см. пример здесь )

Однако я хочу настроить его на запуск, как только страница загрузится, но $('img').load(function(){ не работает. (см. пример здесь ) Я предполагаю, что это потому, что он запускает скрипт после загрузки DOM, но не изображения. Но если честно, я не знаю.

Answer 1

Вы можете сделать:

$(document).ready(function() {
  $('img').each(function() {
    // do your magic here
  });
});

Answer 2

Вы не можете использовать $ (document) .ready, потому что это принимает во внимание только то, что DOM загружен. Вам нужно использовать

$(window).load(
  function() {
  }
);

Answer 3

Как насчет просто запустить его под нормальной $(document).ready() функцией? Это запустится, когда страница будет полностью загружена.