Question

我有一个gif图片加载条动画我想让它在点击重新加载图片时重新加载，以便动画重复。

//My HTML
<img src="http://i54.tinypic.com/2qdwtp0.gif" id="load-bar"/>
<a href="#" id="reloadImg">Reload Image</a>

//My js code

function imgRelaoder() {
//some stuff to reload image with id #load-bar
}    

$(function() {
    imgRelaoder();
    $("#reloadImg").click(imgRelaoder);
});

Answer 1

$(function() {
    var loadImg = document.getElementById('load-bar');

    $("#reloadImg").click(function() {
        loadImg.src = loadImg.src;
    }).click();
});

http://jsfiddle.net/27NV3/

Answer 2

首先，创建一个Image对象并为其指定一个src属性：

    var image = new Image();
    image.src = "path-to-your-loader.gif";

然后，在你的函数imgReloader：

    $("#load-bar").attr("src", image.src);

Answer 3

function imgRelaoder() {
    $("#load-bar").attr("src", 
        $("#load-bar").attr("src")
    );
}

jQuery图像重新加载器功能？

3 个答案: