image loading issue IE javascript

I have a requirement where i need to populate the image URLs from Java and send it to screen as list.

in the screen sometimes the images are not loading properly.

I used Img tag and src attribute to display the images.

i used streaming through servlet since the image repository will not be available outside the intranet. but our application is an internet application. So i created a servlet through which i hit the image and streaming it.

in the browser i specified as below in the img src tag using java script to display slides:

https://Kanagaraj.com/SimpleServlet?imageURL=http://internalserver/repository/ContentAdmin/images/img1.jpg

so, IE is not displaying the some of the images properly. it's not happening for all the images. it happens only for few images.

i'm sorry for sample URL. but, i cannot share the URL that i use. below is the code:

var Pic = new Array();//from content web service service.
<c:forEach items="${newsItemList}" var="newsItem" varStatus="row">
Pic[${row.count-1}] = '${newsItem.image}';
</c:forEach>
    for (i = 0; i < totalItems; i++) {
        preLoad[i] = new Image(); //Pre load the images. so that it will not impact the user experience.
        preLoad[i].src = Pic[i];
    }
    for(var i =0;i<totalItems;i++){
        slideImg.src = preLoad[iIndex].src;
}

can someone help me.

Thanks, Kanag.