image 객체에서 이미지 로드 중(onload 발생 전)일 때 다른 이미지 출력 ㅇㅅㅇ;
늘빈
제목에서 보시는 그대로 입니다 ㅇㅅㅇ;;
제가 자바스크립트로 image 객체에 이미지를 할당해서 onload 이벤트를 인식 시킨 후에 이미지 출력을 하는데
로드 될 때까지 다른 이미지로 출력하고 싶습니다.
단순히 로딩 이미지를 보여줄려고 하는게 아닙니다.
이미지 객체를 생성 시켜서 캔버스 태그에 뿌려주는데 문제는 이미지가 계속 움직여서 잔상이 남는다는 거에요.
캔버스 초기화를 시켜준다면 화면 전체가 깜빡 거리는 증상이 나타나서 안 좋더라고요 ㅇㅅㅇ;;;;
어떻게 하면 좋을까요?
가장 좋은게 로딩중인 이미지는 로딩중에 다른 이미지를 보여주면 좋을텐데;
-
해리
제가 가진 책에는 이미지가 완전히 로드되기 전에는 캔버스에 이미지를 넣지 말라고 되어 있네요.
이미지객체.onload = function(){
캔버스객체.drawImage(---------------------);
}
부럽습니다 canvas 태그도 써보시고 OTL..... 전 오늘 테이블 코딩... ㅠㅠ... 이네요 -
봄해
그건 이미 ㅎㅎㅎ;;
-
달달항사탕
결국 if문으로 구분할 수 밖에 없나보네요 ㅇㅅㅇ;;
댓글 달아주신 분들 정말 고맙습니다 ^^
나중에 프로그램이 완성 되면 여기에 소스 공개 해야겠어요 ㅋ -
난길
window.onload 문서가 완전히 읽힌 다음에.. 실행되는걸로 알고있습니다. 그러니깐... 맨마지막에 실행된다는거죠...
body onload=\\ 이렇게 하면.. 이넘이 문서를 읽고 먼저 1빠따로 실행합니다.
이때 .. window::onload 함수는 차선책이 되어서 2빠다로 실행합니다. 근데 이게 .. 파폭에서 되는지는 모르겠군요... -
바닐라
댓글 감사드려요 ^^;
현재 이미지 출력은 돼질랜드님께서(왠지 호칭을 써도 욕하는 것 같은 죄책감이 ;ㅁ;)
알려준 대로 되어있습니다 ㅋ; 제가 원하는 것은 onload가 안되었지만 로드 중일 때를 감지하고
싶거든요 ㅇㅅㅇ image 이벤트를 열심히 찾아보았지만 적절한 이벤트는 안보이고
관련 솔루션도 잘 안보이네요 ㅇㅅㅇ; 아니면 제가 영어 실력이 부족해서
답이 되는 슈드코드를 지나쳤을수도 ㅇㅅㅇ;;; -
정훈
(만일 출력 결과가 찌그러져 보인다면 CSS가 아닌 canvas 엘리먼트의 width와 height 속성을 설정해 보세요.) 이런 검색 결과를 찾았는데요 ㅎㅎ 참고해 보셔요 ㅎㅎ!!!