Почему иногда некоторые изображения не загружаются с помощью функции drawImage() в JavaScript

Question

Я показываю некоторые изображения на холсте, используя drawImage() функция. Но когда я обновляю браузер снова и снова, иногда некоторые изображения не отображаются. Кажется, что некоторые изображения загружаются неправильно. Как решить эту проблему?
Код JavaScript - это

var imageobj = new Array();
for (var d=0;d<calloutImageArray.length;d++)
{
     imageobj[d] = new Image();
     (function(d)
     {
       imageobj[d].src = sitePath+"ATOM/chapter1/book/"+calloutImageArray[d];
      imageobj[d].onload = function()
       {
            ctx.drawImage(imageobj[d], calloutImageArrayX[d], calloutImageArrayY[d],calloutImageArrayW[d], calloutImageArrayH[d]);        // getting value in array with X, Y coordinates & width, height
       }; 
     })(d);
}

Я получаю все значения во всех массивах.