2014-04-29 5 views
-3

한 이미지의 불투명도를 페이드 아웃 한 다음 다른 이미지를 페이드하고 싶습니다. 배경이 CSS에 추가되었습니다. 가능합니다.div의 배경 이미지를 점차적으로 자바 스크립트로 바꾸는 방법

편집 : 간격 기능 불투명도를 조작 한 후

document.getElementById("fade").style.backgroundImage.opacity = (e.g, 0.8); 

그리고 :

//Current changing mechanism, change is instant. 
    document.getElementById('fade').style.backgroundImage="url(flickrIcon.png)"; 

이 같은 것을 사용할 수 있습니까?

+3

그래, 그럼 당신의 시도는 지금까지 어디입니까? –

+0

가능합니다. 다른 질문을 검색하고 답을 찾고 시도한 내용을 게시하십시오. –

+0

내 시도는 지금까지 JS로 이미지를 즉시 바꾼다 –

답변

0

CSS 배경에 불투명도 옵션이 없습니다.

먼저 불투명도를 페이드 한 다음 bg 이미지를 전환 한 다음 다시 페이드 인해야합니다. 크로스 페이드를 원할 경우 두 가지 요소를 사용해야합니다.

http://www.w3schools.com/css/css_background.asp

+0

나는 변화를 설명하기 위해 gif를 사용하기로 결정했습니다. –