Проверьте, загружено ли изображение в jQuery (или обычный JavaScript)

Вы можете проверить свойство изображения complete.

Есть ли такое свойство, как $('#myimage').isLoaded(), чтобы проверить, загружено ли уже изображение?

Нет, но ты мог бы это сделать :)

jQuery.fn.isLoaded = function() {
    return this
             .filter("img")
             .filter(function() { return this.complete; }).length > 0;
};

Это приведет к true, если все изображения в коллекции были загружены, и false, если одно или несколько изображений не были загружены. Вы можете адаптировать его под свои нужды.

Достаточно простого JS. Объект изображения имеет полное свойство. Проверьте это здесь: http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_img_complete

Это немного взломано, и я не уверен, что он будет работать везде. Сделайте тест самостоятельно.

$.fn.isLoaded = function(message) {
  var $this = $(this);
  if($this.height() > 0 && $this.width() > 0){
     return true;
  }
  return false;
};

$('#myimage').isLoaded()

РЕДАКТИРОВАТЬ:

Это работает в ff и chrome,

$.fn.isLoaded = function(message) {
  var $this = $(this); 
  $this.hide();   // becaues firefox gives a 24*24 dimension
  var w = this[0].width;
  var h = this[0].height;  
  $this.show(); 
  if(w > 0 || h > 0){ 
    return true;
  } 
  return false;
}; 
console.log($('#myimage').isLoaded());

но если вы скрываете изображение, т.е. дает 0 как ширину и высоту, то это не удается, т.е. Например, вы не должны скрывать изображение.

Я надеюсь, что кто-то сможет объединить обе эти функции, чтобы сделать кроссбраузерную вещь, или, по крайней мере, это наверняка кому-то поможет.