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:
lg heinz
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:
Javascript:
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);
}
});
Zuletzt bearbeitet von einem Moderator: