javascript - IE9 Stops loading images after x images have loaded -

i trying create virtual magazine line turnjs.com, purchesed commerical version of library, , works when have few pages. when try run site book has 172 images 300 dpi 2550 x 3263 , sized down css ie stops loading images after 50.

i though turn.js problem @ first, stripped out turnjs code , wrote simple js

$(window).load(function(){      for(var i=0;i<contentarray.length;i++){          $("#content").append("<img src='" + contentarray[i] + "' style='width:600px; height:600px'/>");      }  }); 

content array loaded ajax call , contains paths images. when code runs loads images until 50 or show red x.

now question is, works in fire fox , chrome not ie, there limit on how many image or better yet size of images ie loads. targeting ie9.

any appreciated. , know images rather large, need them large allow zooming.

---

• check new versions of stored pages : automatically
• disk space use: 300 mb
• days keep pages in history: 20

i thought may have been dev machine, have checked these settings , tested on 2 different pc's plus freshly created windows 7 pro virtual machine. have done lower dpi on images, , loaded more images, still not of them, lowered further down 150 dpi , of images loaded, problem dpi low text in images gets pixelated, , zooming makes unpleasent experiance.

does know limit on ie when comes large images 300k 500k in size. solution have seen far require users install chromeframe

i ended lower dpi 150, client seems ok that.