I am struggling with getting images to display from a URL. This is what I have so far -

function LoadImage(ImageName) { var http = new XMLHttpRequest(); var url = "http://www.watkinsonline.com/images/products/ thumbnails/"+ImageName; http.onreadystatechange = onData; http.open("GET", url, "true"); http.send(); function onData() {

if (http.readyState == 4) { if (http.status == 200) { var source = http.responseStream; imageControl.src = source;

} else { // status != 200 imageControl.src = "placeholder.png"; } } } }

The imagename variable is read from an XML feed, and I have verified that the image file names are reading correctly. However, the function above does not display an image.

If I type the full URL in, it of course works. Also, if I type the filename in LoadImage("file.jpg") the image is displayed.

This is how LoadImage() is called -

//the section on reading the XML feed is omitted....this happens after the feed is parsed

var item_image = items[aa]['description'];

//for testing - shows the URL of the image, even if the image does not load link1.innerText=item_image; link1.href=item_image;

LoadImage(item_image);

Help would be greatly appreciated.

Thanks