写个自动给image对象赋值代码浏览器竟然崩溃了

Question

               for(i=1;i++;i<=3){
imgar["'img'+i"] = new Image(960,380);
imgar["'img'+i"].src = "images/eightimg/eight_"+i+".gif"; 
}
alert(imgar["img1"]);
实在搞不懂为什么.如果像下面一样赋值可以，但是不能用数组遍历的方法获取值。
<script type="text/javascript">
   imgar = new Array();
   imgar["1"] = new Image(960,380);
   imgar["1"].src = 'images/eightimg/eight_1.gif'; 
   imgar["2"] = new Image(960,380);
   imgar["2"].src = 'images/eightimg/eight_2.gif'; 
   imgar["3"] = new Image(960,380);
   imgar["3"].src = 'images/eightimg/eight_3.gif'; 
   imgar["4"] = new Image(960,380);
   imgar["4"].src = 'images/eightimg/eight_4.gif'; 
   imgar["5"] = new Image(960,380);
   imgar["5"].src = 'images/eightimg/eight_5.gif'; 
   imgar["6"] = new Image(960,380);
   imgar["6"].src = 'images/eightimg/eight_6.gif'; 
   imgar["7"] = new Image(960,380);
   imgar["7"].src = 'images/eightimg/eight_7.gif'; 
   imgar["8"] = new Image(960,380);
   imgar["8"].src = 'images/eightimg/eight_8.gif';
   for(i=1;i<=8;i++){
   document.write(imgar[].src);
   }
</script>

Answer 1

 for(i=1;i++;i<=3){
    imgar["img"+i] = new Image(960,380);
    imgar["img"+i].src = "images/eightimg/eight_"+i+".gif"; 
}
alert(imgar["img1"]);