Обнаружить загрузку изображения с помощью jQuery 

<img src="http://site.com/image.png" />

Я изменяю src этого изображения на событие .click.

После изменения src может быть загружено более 20 различных изображений.

1) Как узнать, было ли уже загружено изображение (должно быть кэшировано) или оно должно быть загружено?

2) Как запустить две разные функции для загрузки и не?

Спасибо.

Ответы

Ответ 1

Вам нужно прикрепить обработчик событий для load event:

Обновление 2017:

$('img').on('load', function() {
    alert('new image loaded: ' + this.src);
});

Обычный JS/DOM:

imgNode.onload = () => {
    alert('new image loaded: ' + this.src);
};