如何使用 jquery 显示图像加载 gif答案

【问题标题】：how to show image loading gif using jquery如何使用 jquery 显示图像加载 gif
【发布时间】：2011-03-06 20:14:32
【问题描述】：

任何人都可以建议如何在使用 jQuery 在运行时加载图像时显示图像加载 gif。

【问题讨论】：

您能说得更具体些吗？你已经尝试过什么？

标签： asp.net javascript jquery image load

【解决方案1】：

作为已发布文章的附加选项，您可以绑定到 ajax 函数（如果您使用的是 ajax）。这是我如何在我的应用程序中执行此操作的示例（效果很好）。

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();
    });
});
}

和 CSS：

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

或者没有ajax...

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

【讨论】：

对不起兄弟我不知道 ajax 你知道任何使用 javascript 或 jquery 的方法
没问题，您只需手动设置和删除加载程序。请参阅编辑后的答案。