Javascript : 페이지로드 전에 이미지를 숨기고 이미지가 흐려 지지만 작동하지 않습니다.

Question

jQuery가 없습니다. 이미 jQuery에서이 작업을 수행했지만 Javascript로 실행하고 싶습니다. 없음 :

---

창로드 = 함수() {

var target = document.getElementById('homeimg'); 
var opacity = 0; 
var fader = setInterval(function() { 

    if (opacity <= 100) { 
     target.style.opacity = (opacity/100); 
    } 
    else { 
     clearInterval(fader); 
    } 

    opacity += .50; 

    }, 100); // End setInterval function 

} //이 난 (#homeimg {디스플레이 CSS에서 DIV 숨겨 때 창로드

---

종료 } 및 {display : hidden}) 이미지가 전혀로드되지 않습니다 ..

기능은 작동하지만 이미지가 t 초 그는 페이지가로드, 이미지는 천천히 페이드 사라짐.

난 단지 페이드 있도록 이미지를 숨길 수 싶습니다.

때문에 처음 100 밀리 초 동안 당신에게

Answer 1

그건 감사합니다, 불투명도가 기본값 (1)입니다. 100 밀리 초 후, setInterval을 기능에 개막과의 이미지를 퇴색하기 시작

당신이 target 변수 설정 행 아래에이 권리를 추가합니다.

target.style.opacity = 0; 

또는 불투명도를 설정하는 CSS 스타일을 사용 자바 스크립트없이 0으로 설정 :

#homeimg { 
    opacity: 0; 
}