JavaScript 팁.. 썸네일형 리스트형 [javascript] 이미지 태그 삽입 시 가로 세로 비율 조정 이미지 태그 스크립트에서 가로사이즈나 세로 사이즈를 고정할 경우 이미지의 세로또는 가로가 찌그러져 보이는 경우가 종종 생깁니다. 정해진 규격 안에서이미지가 깨지지 않도록 아래의 스크립트를 이용하여 코딩할 수 있습니다. 샘플코드는 아래와 같습니다. 태그를 사용하는 예시입니다. 더보기 javascript 이미지 태그 로딩 시 대체이미지 처리 보통 onerror 속성을 이용하여 대체 이미지를 보여주도록 처리하지만 대체 이미지가 삭제되거나 로딩되지 않을 경우 onerror 이벤트가 계속 발생하여 무한루프가 발생 ㅡㅡ; 이에 대한 대처방안으로 아래와 같은 방식으로 스크립트를 사용합니다. 1. 아래 로직은 일단 특정 이미지 로딩시 에러가 발생할 경우 imageErrChk() 평션을 호출하여 대체 이미지를 해당 이미지 태그의 src 로 변경처리합니다. 2. 대체 이미지가 정상적으로 로딩이 되었다면 더이상 imageErrChk() 펑션을 호출하지 않지만 만약 대체 이미지 도 오류가 발생할 경우 다시 imageErrChk() 펑션을 호출 3. 2번 대체이미지 오류의 경우 해당 이미지 오브젝트의 src가 "/img/common/img_ready3.gif".. 더보기 javascript 팁 document.body 안에 있는 모든 object 값 구하기 개념은 상당히 간단하지만 어떤속성을 써야 하는지 막상 써먹으려 할때 예제가 없으면 한참을 해메게 되는군 .. 업무에 사용했던 소스 내용은 아래와 같다. for (i = 0; i < document.all.length; i++) { var obj = document.all(i); if(obj.id != "" && obj.id.substring(0,2)=="gr"){ //id가 gr 로 시작하는 object 를 찾기 grArr[idx] = obj.id; idx++; } } 담에 또 찾지말고 써먹어야 겠다.. 더보기 이전 1 다음