gif이미지 로딩이미지 사용 시 초기화

조금 찡찡거리자면...

로딩이미지가 사업단에서 기본적으로 설정한게 있는데

그걸 하필 내가 만든 페이지 중 특정 부분에서만 다른 이미지로 바꾸고 싶다 함...

그래 어찌저찌 이미지는 바꿈... 근데 여기도 또 문제가 터졌으니...

내 로딩바는 단계별로 진행순서를 알려주는 gif파일인데

예를 들어 여러개 리스트 중 한 개씩 클릭하는데 처음껀 제대로 로딩 gif이미지가 처음부터 잘 나옴...

근데 두번, 세번, 네번 누를때 로딩이미지가 로딩 끝낸 직전 이미지부터 모이는 것...

즉, 처음 클릭 -> 로딩이미지가 '조회하고있습니다' 보여주고 '조회를 마쳤습니다' 여기서 끝났다면 -> 다음 클릭 -> 로딩이미지는 '조회를 마쳤습니다' 여기서 부터 보여는 것....

아 진짜 돌겠네...

그러나 해결 완....

 

문제

gif로 사용한 로딩이미지가 여러번 로딩 시 초기화 된 상태로 시작을 안 함

 

해결

 이미지소스 뒤에 쿼리스트링으로 타임스탬프를 찍어주면 끝!

var img = '변경할 이미지 url';
var t = new nexacro.Date().getTime();
nexacro.getEnvironment().loadingimage = ima + '?t=' + t;//환경파일에 로딩이미지를 동적으로 변경

이렇게 해주면 처음부터 이쁘게 잘 나오게 된다...^^

 

본론보다 서론이 긴 글....