jQuery 이미지 리로더 기능?

GIF 이미지로드 막대 애니메이션이 있습니다. 애니메이션을 반복하도록 이미지 새로 고침을 클릭하면 다시로드해야합니다.jQuery 이미지 리로더 기능?

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

출처

2011-08-01 noviceRick

GIF의 루프 컨트롤을 무한대로 설정하지 않는 이유는 무엇입니까? – mVChr

@mVChr GIF에서 무한 루프를 수행 할 수 있다는 것을 알고 있지만, 페이지로드 및 다시로드시 애니메이션을 반복 할 때 애니메이션을 반복하고 싶습니다. – noviceRick

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

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

http://jsfiddle.net/27NV3/

출처

2011-08-01 03:31:51 user113716

은 매우 간단하고 작동합니다. Thanks Thanks Buddy !! 나는 여기에서 많은 것을 배울 수있다. 나는 초보자이기도하다. – noviceRick

첫째, 이미지 객체를 만들고 그것을 SRC 속성에 할당합니다

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

출처

2011-08-01 03:35:58

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

: 함수의 imgReloader에, 그리고

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

을

출처

2011-08-01 03:38:54 sanmai

jQuery 이미지 리로더 기능?

답변

관련 문제