jQueryイメージリローダ機能？

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