본문 바로가기
FrameWork/jQuery

jQuery 이미지 리로드

by 백룡화검 2009. 11. 27.
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를 붙여주어서

다른 이미지로 인식시켜야 한다.