Javascript函数直到循环之后才执行

我正在尝试遍历一个包含产品编号等（价格、数量等）的数组。产品编号用于生成在不同函数中调用的图像。当我调用函数并将循环变量传递给它时，在循环完成之前没有任何反应。然后生成所有产品图像，但它们是相同的。我不知所措。

for (var g = 0, len = oldDetails.length; g <= len - 1; g++) {
    loaditem (oldDetails[g]['product_number'],g);
}
function loaditem (itemnumber, itemlocation) {
     document.getElementById('divid' + itemlocation).innerHTML = '<img src = "' + itemnumber + '.jpg" />';
}

任何帮助将不胜感激。

编辑我正在发布完整的代码以供参考

      //alert (JSON.stringify(oldDetails));
     setTimeout(function() {
       for (var g = 0, len = oldDetails.length; g <= len - 1; g++) {
         count = 'somestring' + g;
         loaditem(oldDetails[g]['product_number'], count);
         if (g < len - 1) {
           duplicate();
         }
       }
     }, 1000);
     function loaditem(newItemNumber, count) {
       itemNumber = newItemNumber.toUpperCase();
       //ARMS Handler
       switch (itemNumber.substring(0, 1)) {
         case 'A':
           lookupNumber = itemNumber.replace(itemNumber.substring(2, 3), '0');
           break;
         case 'R':
           lookupNumber = itemNumber.replace(itemNumber.substring(2, 3), '0');
           break;
         case 'M':
           lookupNumber = itemNumber.replace(itemNumber.substring(2, 3), '0');
           break;
         case 'N':
           lookupNumber = itemNumber.replace(itemNumber.substring(2, 3), '0');
           break;
         default:
           lookupNumber = itemNumber;
       }
       //dash handler
       if (itemNumber.substring(4, 5) == '-') {} else {
         lookupNumber = lookupNumber.replace('-', '');
       }
       count = count.substr(count.length - 1, count.length);
       orderDetails[count][0] = itemNumber; //adds product # to orderDetail array
       imgSource = 'http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/767/image480/' + lookupNumber.toLowerCase() + '_con.jpg';
       var imageTest = $("<img>");
       var imageTest_con = $("<img>");
       imageTest.attr('src', imgSource).load(function() {
           document.getElementById("product-image" + count).innerHTML = '<img src="' + imgSource + '" width="100%" height="auto" />';
         })
         .error(function() {
           imgSource = 'http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/767/image480/' + lookupNumber.toLowerCase() + '.jpg';
           imageTest_con.attr('src', imgSource).load(function() {
               document.getElementById("product-image" + count).innerHTML = '<img src="' + imgSource + '" width="100%" height="auto" />';
             })
             .error(function() {
               imgSource = 'http://hekmancontract.andrewchristmann.com/quote-sheet/images/image-missing.jpg';
               document.getElementById("product-image" + count).innerHTML = '<img src="' + imgSource + '" width="100%" height="auto" />';
             });
         });
       document.getElementById('pnum' + count).innerHTML = " " + itemNumber.toUpperCase();
     }