일반 이미지 로드 코드

황제낙엽 2009.06.27 12:48 조회 수 : 18 추천:166

sitelink1  
sitelink2  
sitelink3  
sitelink4  
extra_vars4  
extra_vars5  
extra_vars6  
이미지 로드 이벤트 load 는 파이어폭스에서는 문제가 없지만 익스플로러에서는 일어나지 않거나 여러번 호출되거나 이미 src가 지정된 경우 src를 바꿀때 일어나지 않는 문제가 있다.
그래서 타이머를 지정하여 이미지 로드 검사를 해주는 것이 낫다.

·미리보기 | 소스복사·
  1. if (imgSrc.length > 0) {   
  2.     titleimage.src = this._imagePathByUrl(imgSrc, false);   
  3.     titleimageDiv.appendChild(titleimage);   
  4.        
  5.     var thisP = this;   
  6.     var titleImgLoaded = null;   
  7.     var loadCount = 0;   
  8.        
  9.     this._imageLoadTimer = setInterval(titleImgLoaded = function(){   
  10.         if (loadCount < 10 || titleimage.width == 0) {   
  11.             TOBE.$s(titleimageDiv, "width", titleimage.width + "px");   
  12.             TOBE.$s(titleimageDiv, "height", titleimage.height + "px");   
  13.             thisP._resizeTitle();   
  14.             loadCount++;   
  15.         } else {   
  16.             clearInterval(thisP._imageLoadTimer);   
  17.         }   
  18.     }, 10);   
  19. }  
이 게시물을
목록
번호 제목 글쓴이 날짜 조회 수
57 Javascript delete 황제낙엽 2012.06.11 20
56 익명함수의 사용 황제낙엽 2008.10.14 20
55 [펌]객체지향 자바스크립트 file 황제낙엽 2008.08.06 20
54 XP 에서 input type=text 와 input type=password 의 사이즈가 틀리게 보일때 황제낙엽 2004.08.04 20
53 Early return, early exit - 스크립트 가독성 개선 팁 황제낙엽 2021.03.07 19
52 [펌]Function과 객체, this 키워드의 관계 황제낙엽 2008.08.07 19
51 숫자값으로의 변환 형태 황제낙엽 2009.09.02 18
» 이미지 로드 코드 황제낙엽 2009.06.27 18
49 [펌] TAEYO.NET - Js OOP - 나만의 프레임워크 만들기 황제낙엽 2009.04.02 18
48 [펌]JavaScript Class 만들기 황제낙엽 2008.08.07 18
47 SpiderMonkey 를 이용한 개발 일기 file 황제낙엽 2008.07.14 18
46 슬라이딩 메뉴 황제낙엽 2005.12.02 18
45 풍선 도움말 황제낙엽 2005.11.24 18
44 브라우저의 스크롤을 따라다니는 레이어 두번째 file 황제낙엽 2002.12.20 18
43 [펌] 아사페릴의 사생활 - Javascript의 클래스에 관한 이야기 황제낙엽 2009.04.02 17
42 Boolean 데이터 타입 황제낙엽 2009.09.02 16
41 [펌] TAEYO.NET - Js OOP - 사용자 정의 객체. 그리고 상속과 재사용 황제낙엽 2009.04.02 16
40 마우스 오버시 살짝 뒤로 물러나는 듯한 링크 -_-;; 황제낙엽 2003.01.04 16
39 자바스크립트 쿠키 황제낙엽 2009.06.11 15
38 [펌] 아사페릴의 사생활 - __proto__ 와 prototype에 대해.. 황제낙엽 2009.04.02 15
쓰기 태그