일반 이미지 로드 코드

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

이미지 로드 이벤트 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. }  
번호 제목 글쓴이 날짜 조회 수
246 [Gemini] ajax 와 fetch 의 차이 황제낙엽 2025.01.04 3419
245 [검토 완료] 디바이스 카메라로 촬영한 사진을 서버에 업로드하기 샘플 황제낙엽 2024.11.21 3987
244 브라우저에서 이미지를 편집(crop 등) 할 수 있는 오픈소스 Cropper.js 황제낙엽 2024.11.16 3842
243 [ChatGPT] json data 의 정렬 [1] 황제낙엽 2024.07.23 3352
242 DOMContentLoaded 이벤트와 window.onload 이벤트 황제낙엽 2024.07.15 3669
241 fetch() 사용 예제들 황제낙엽 2024.07.09 3380
240 [Copilot] Vanilla JavaScript에서 외부 스크립트 파일에 정의된 함수들을 로드 황제낙엽 2024.06.21 3758
239 [Copilot] ES6 모듈(module) 문법 황제낙엽 2024.06.21 3805
238 [Copilot] JSON 객체 내부 데이터를 순회하면서 조회하는 코드 황제낙엽 2024.06.02 3270
237 [Copilot] JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료 황제낙엽 2024.05.31 3615
236 json 데이터 내의 변수명에 prefix 로 type 표현하기 황제낙엽 2024.04.15 3361
235 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 3605
234 현재 document 의 host 와 port 를 얻는 방법 황제낙엽 2023.10.03 4209
233 (Bard) FileReader 로 여러개의 파일을 read 하는 법 file 황제낙엽 2023.08.23 3660
232 How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 3715
231 (Bard) JavaScript로 JSON 배열을 작성하는 방법 황제낙엽 2023.08.21 3672
230 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 [1] 황제낙엽 2023.08.21 3703
229 navigator.mediaDevices 황제낙엽 2023.08.21 3798
228 Barcode Detection API 황제낙엽 2023.08.06 3854
227 정규식을 이용한 이메일 검증 스크립트 file 황제낙엽 2023.06.25 2894