배경화면 자연스럽게 전환되는 스크립트

현재 프로젝트를 하면서 가장 막혔던 부분이 배경화면 자연스럽게 전환되는 효과였다..

사실 ie9이상 css3 트랜지션을 사용하면 스크립트 없이도 구현이 가능하다..(제일 베스트)

그런데 background-color는 ie9+, 파폭, 사파리, 크롬에서 정상적으로 트랜지션이 작동하는 반면,

background-image는 이상하게 트랜지션이 크롬과 사파리에서만 작동하고 파폭과 ie9+에서 작동을 하지 않는다.... ㅠ

검색을 해보고 하코사에 물어봤지만... 정확한 답변이 없어서 스크립트로 대체를 하였다..

구글링을 통해 얻은 소스를 아래 공유합니다.

http://www.aspsnippets.com/Articles/Change-Background-Image-of-HTML-DIV-with-Fade-Animation-using-jQuery.aspx

아래는 현재 진행중인 프로젝트 메인에 적용한 결과.

http://www.fcinst.org/Ko/main