웹 페이지_javascript 기술의 이미지 처리 방법 및 코드

1 링크 제거를 위한 이미지 처리


2 큰 이미지 자동 축소
업로드 후 화면을 가득 채울 정도로 큰 사진을 자주 봅니다. 다음 예에서는 이미지 너비가 "화면 너비-350"보다 큰 경우

에서 이미지를 "화면 너비-350" 크기로 표시합니다.

원본 이미지

설정된 크기의 이미지
　

3 IE6에서 대용량 이미지 자동 축소 비활성화

원본 이미지가 자동으로 축소됩니다
　
크기가 줄어들지 않도록 설정
;



4 제거 핫스팟 맵의 영역 와이어프레임 및 하이퍼링크 와이어프레임

코드 복사 코드는 다음과 같습니다.

　

5 업로드된 이미지 크기 조절 가능


업로드된 이미지 크기를 관리하는 JS

코드 복사 코드는 다음과 같습니다.

<script> <BR> 함수 orsc(){ <BR> if(img .readyState!="complete") return false; <BR>　 if(img.offsetWidth!=132&&img.offsetHeight!=99){ <BR>　 Alert("선택한 이미지 크기:" img.offsetWidth "X" img.offsetHeight "n" "132X99를 선택하세요. size image") <BR> imgT=true; <BR> } <BR> } <BR> function mysubmit(theform){ <BR> if(theform.file1.value==" "){ <BR> Alert(" 업로드하려는 JPG 또는 GIF 파일을 선택하려면 찾아보기 버튼을 클릭하세요!") <BR> theform.file1.focus; <BR> return (false); <BR> } else { <BR> str= theform.file1 .value; <BR> strs=str.toLowerCase(); <BR> lens=strs.length; <BR> extname=strs.substring(lens-4,lens); " && extname!=".gif"){ <BR> Alert("JPG 또는 GIF 형식의 파일을 선택하세요!"); <BR> return (false); <BR> } else { <BR>　 document.all ("loadImg").src=theform.file1.value <BR>　 if(document.all("loadImg").offsetWidth!=132&&document.all("loadImg").offsetHeight!=99) { <BR>　 경고( "선택한 이미지 크기:" document.all("loadImg").offsetWidth "X" document.all("loadImg").offsetHeight "n" <BR> "132X99 크기의 이미지를 선택하세요.") <BR> return (거짓) <BR> } <BR> } <BR> } <BR> } <BR></script>

코드 복사 코드는 다음과 같습니다.

　
　
　

🎜>　
　　" name="file1" value="">
　
　< ;/td>