Loading image for jquery ajax

[skelleex]

I would like to implement a loading image for my jquery ajax code (this is when the jquery is still processing) below is my code:

$.ajax({
type: "GET",
url: surl,
dataType: "jsonp",
cache : false,
jsonp : "onJSONPLoad",
jsonpCallback: "newarticlescallback",
crossDomain: "true",
success: function(response) {
alert("Success");
},
error: function (xhr, status) {
alert('Unknown error ' + status);
}
});
}

How can I implement a loading image in this code.
Thanks

[paul_wilkins]

Create your own animated throbber at http://www.ajaxload.info/ so that you can then show the image when the ajax process starts.
In the success callback you can then remove the image.

[skelleex]

excellent didn't know there was a animated throbber "maker" online tks as usual Paul