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:
Code: Alles auswählen
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);
}
});