comment montrer l'image chargement gif en utilisant jquery

Question

Quelqu'un peut-il suggérer comment faire pour montrer le chargement de l'image gif lorsque l'image est en cours d'exécution en utilisant jQuery.

Answer 1

En tant qu'option supplémentaire à l'article publié, vous pouvez lier à la fonction ajax (si vous utilisez ajax). Voici un exemple de comment je fais cela dans mes applications (ça marche très bien).

function AddAjaxLoader(DivObject, Message) { 
if (Message === undefined || Message === "") { Message = "Loading..."; } 
var loader = $("<span />", { 
    'class': 'ajaxLoading', 
    html: '<span class="ajaxLoadingIcon">&nbsp;</span><span>' + Message + '</span>' 
}); 

$(DivObject).hide().after(loader); 

loader.ajaxComplete(function() { 
    $(this).fadeOut('fast', function() { 
     $(DivObject).show(); 
     $(this).remove(); 
    }); 
}); 
} 

et le CSS:

.ajaxLoadingIcon 
{ 
    padding:9px; 
    background: url(../Images/Icons/16_ajax-loader.gif) no-repeat left center; 
} 

ou sans ajax ...

function AddLoader(DivId) { 
    $("#" + DivId).html('<div class="ajaxBlock"><span class="ajaxLoadingIcon">&nbsp;</span> Loading...</div>'); 
}