>웹 프론트엔드 >JS 튜토리얼 >이미지 자동 축소를 위한 또 다른 JS 코드_이미지 특수 효과

이미지 자동 축소를 위한 또 다른 JS 코드_이미지 특수 효과

WBOY
WBOY원래의
2016-05-16 19:17:05860검색




이미지가 사용되는 위치: 이미지 자동 축소를 위한 또 다른 JS 코드_이미지 특수 효과

width="180" style="max-width:90%" 그렇지 않은 경우 제한하는 것이 가장 좋습니다. 제한적이므로 이미지를 로드할 때 문제가 발생합니다. 이미지가 너무 크면 이 프로세스가 보기 흉해집니다. 이전 JS에서 변경된 내용은 다음과 같습니다. 여기
<script> <BR><!-- <BR>var flag=false; <BR>function DrawImage(ImgD){ <BR>var image=new Image(); <BR>image.src=ImgD.src; <BR>if(image.width>0 && image.height>0){ <BR> flag=true; <BR> if(image.width/image.height>= 180/110){ <BR> if(image.width>180){ <BR> ImgD.width=180; <BR> ImgD.height=(image.height*110)/image.width; <BR> }else{ <BR> ImgD.width=image.width; <BR> ImgD.height=image.height; <BR> } <BR> /*ImgD.alt="이미지 자동 축소를 위한 또 다른 JS 코드_이미지 특수 효과" */ <BR> } <BR> else{ <BR> if(image.height>110){ <BR> ImgD.height=110; <BR> ImgD.width=(image.width*110)/image.height; <BR> }else{ <BR> ImgD.width=image.width; <BR> ImgD.height=image.height; <BR> } <BR> /*ImgD.alt="이미지 자동 축소를 위한 또 다른 JS 코드_이미지 특수 효과" */ <BR> } <BR>} <BR>} <BR>//--> <BR></script>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.