السلام عليكم أخواني

كل عام و انتم بخير

أرجو منكم المساعدة في تعديل كود أجاكس
أريد أن اضيف له سطر لكي يظهر صورة loading حتي يتم تحويل الصفحة و من ثم يظهر الصفحة

هذا هو الكود :
كود:
function send() {
var name = document.getElementById('name');
var link = document.getElementById('link');
var content = document.getElementById('content');
if (name.value == '') {
alert('الرجاء تعبئة حقل الإسم');
} else if (content.value == '') {
alert('الرجاء تعبئة حقل التعليق');
} else if (content.value.length < 10) {
alert('التعليق قصير جداً');
} else {
$.get('add.php', { n: name.value, l: link.value, c: content.value }, function(result) {
if (result == 0) {
alert('خطأ!');
} else {
$(result).appendTo('#comments');
content.value = '';
}
}
);
}
}

قمت بالتجربه باضافة هذ السطر :
كود:
document.getElementById('add-comment').innerHTML='<img src="header.png" alt="" />'
لكي يصبح الكود كاملاً بهذا الشكل :

كود:
function send() {
var name = document.getElementById('name');
var link = document.getElementById('link');
var content = document.getElementById('content');
if (name.value == '') {
alert('الرجاء تعبئة حقل الإسم');
} else if (content.value == '') {
alert('الرجاء تعبئة حقل التعليق');
} else if (content.value.length < 10) {
alert('التعليق قصير جداً');
} else {

$.get('add.php', { n: name.value, l: link.value, c: content.value }, function(result) {
if (result == 0) {
alert('خطأ!');
} else {
document.getElementById('add-comment').innerHTML='<img src="load.gif" alt="" />'
$(result).appendTo('#comments');
content.value = '';
}
}
);
}
}
و لكن المشكلة أن صورة التحميل تستمر في الظهور ولا تختفي بعد التحميل

لذلك هل من مساعدتكم في حل هذه المشكله

و جزاكم الله خيرا