Bilder werden nicht alle geladen

[hk]

Hallo Forum,
ich möchte 15 Bilder (je 50 x 50 Pixel) laden und in einer Canvas anzeigen. Es gelingt mir nicht, dass alle angezeigt werden. Einige fehlen immer, aber nicht immer die gleichen. Gibt es eine Lösung die sicherstellt, dass alle Bilder geladen sind und dann in einen Schwung ausgegeben werden können? In der Folge mein Testcode:

var _imgArray = [];

$(document).ready( function() {

  for(var i = 0; i < 15; i++) {
  var name = 'picture/ss' + (i + 1) + '.png';
  _imgArray[i] = new Image;
  _imgArray[i].src = name;
  } //end for i
  var obj = document.getElementById("myCanvas").getContext("2d");
 
  for(var i = 0; i < _imgArray.length; i++) {
  obj.drawImage(_imgArray[i], i * 55, 100, 50, 50);
  }
});

lg heinz