[IE특수] IE에서 로딩 GIF가 움직이지 않는 현상

1. 현상

   : 파일용량이 큰 경우 submit이 완료될 때까지 시간이 걸린다. 

    그 사이 화면이 멈춘 것처럼 보이기 때문에 로딩 이미지가 필요하다.

    gif를 사용하여 지금 동작하고 있다는 느낌을 주려고 하는데 

    IE에서 테스트 중 submit이 일어날 때 gif 이미지마저 멈춰서 보여 정말 화면이 멈춘 느낌이 났다 ㅠㅠ      

 

2. 참고사이트 : https://forums.asp.net/t/1814498.aspx?loader+gif+IE+problem

 

3. 원인

   : 참고사이트에서 살펴보면 GIF 이미지가 숨김처리 되었다가 노출되면 GIF 이미지가 동작하지 않고 멈춰있게 된다고 한다. img 태그를 직접 숨기지 않고 부모 태그를 숨김처리해도 같은 효과가 있는 듯 하다. 

 

4. 해결방법

   : javascript에서 부모 태그를 노출시키고, 그 다음에 img 태그의 src 속성에 값을 넣어주었다. 

    그랬더니 GIF 이미지가 동작하였다.