当图像加载时添加'加载'gif

-1

如何在加载图像时使用jQuery添加加载gif文件，而不是在代码后面进行加载？例如对于这一行？请帮助。当图像加载时添加'加载'gif

<asp:HyperLink ID="hprImage" runat="server" NavigateUrl='<%# Eval("WebAddress")%>' ImageUrl='<%# ReturnFilePath((Eval("FileName")).ToString()) %>' Target="_blank"></asp:HyperLink>

来源

2012-05-21 hakunabean

你的代码示例是不是jQuery的。这是不是真的很清楚你试图达到什么（当一个图像已经加载时加载加载图片），也没有尝试过。你可能想要更多地指定你的问题。 – Lukx

请发表您的脚本.. – coolguy

抱歉，但我在这里处理一些遗留代码，我花了几天，但仍然无法弄清楚如何处理整个代码。我认为可以改变的代码就是这一行。最初的代码是使用Telerik方法.... – hakunabean

$("loading place").ajaxStart(function(){ 
    $(this).html("<img id='loading'/>") 
});

此外，更多的jQuery的参考，请访问jQuery website或w3school！

来源

2012-05-21 08:36:01 panda

不推荐w3schools：http://w3fools.com/ – Niklas

_“plz访问jQuery网站或** w3cshcool ** !!”_我猜downvotes会快来... :)更新：我想我错了。 – gdoron

@Niklas很好，通常我也是一个W3schools仇敌，但你必须承认，他们有一些相当不错的文章，很好的解释。因此，对于以Web-Stuff开始的人来说，它仍然是一个很好的资源。 – Christoph

我已经使用这个破解一次：

<div> 
    <span id="id1">View image</span> 
    <div style="display:none;" id="spinner"> 
    <img src='/images/preloader.gif' width="16"/> 
    </div> 
</div>

这是 'ID1' 的的onClick功能：

function loadImage() 
    { 
     var spinnerObj = $('#spinner'); //Spinner until the image loads 
     spinnerObj.show(); 
     var img = $("<img width='100px;' />").attr('src', 'http://www.foo.com/a.gif').load(function() 
     { 
     var imageDiv = spinnerObj.parent(); 
     imageDiv.html(img); 
     }); 
    }

来源

2012-05-21 08:41:54

当图像加载时添加'加载'gif

回答

相关问题