FrameWork/jQuery
jQuery 이미지 리로드
백룡화검
2009. 11. 27. 18:00
jQuery를 이용해서 특정 이미지를 정해진 시간마다 리로드 시키고
싶을 경우에는 다음과 같이 하면 된다.
여기서 중요한 부분은
싶을 경우에는 다음과 같이 하면 된다.
function reloadPic(thumb,video,aspect,id){
var string = 'thumb='+thumb+'&video='+video+'&aspect='+aspect;
var imageID = '#' + id;
$.ajax({
type: "GET",
url: "newThumb.php",
data: string,
success: function(msg){
var img_src = $(imageID).attr('src');
var timestamp = new Date().getTime();
$(imageID).attr('src',img_src+'?'+timestamp);
}
});
}
여기서 중요한 부분은
timestamp인데 이부분이 빠질경우 특정 브라우져에서는
캐쉬 때문에 동일한 이미지로 인식하므로
timestamp를 붙여주어서
다른 이미지로 인식시켜야 한다.