>  기사  >  웹 프론트엔드  >  지정된 영역의 이미지를 자동으로 축소하는 js 코드(페이지가 이미지로 인해 깨지는 것을 방지)_javascript 기술

지정된 영역의 이미지를 자동으로 축소하는 js 코드(페이지가 이미지로 인해 깨지는 것을 방지)_javascript 기술

WBOY
WBOY원래의
2016-05-16 16:58:521161검색

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

< img height= "800" alt="" width="1280" src="/down/js/images/12498880470.jpg" />




지정된 영역의 이미지 크기를 조절하거나, 일부 더 큰 광고도 사진이 왜곡됩니다.

스크립트 하우스에서 사용하는 그림 제어 코드:

코드 복사 코드 다음과 같습니다:

function controlImg(ele,w,h){
var c=ele.getElementsByTagName("img");
for(var i=0;i var w0=c[i].clientWidth,h0=c[i].clientHeight;
var t1=w0/w,t2=h0/h;
if(t1> ; 1||t2>1||w0>=600){
c[i].width=Math.floor(w0/(t1>t2?t1:t2));
c[i]. height =Math.floor(h0/(t1>t2?t1:t2));
if(document.all){
                      c[i].outerHTML='' c[i].outerHTML ''
}
else{
c[i ] .title="새 창에서 이미지 열기";
                                                                                       >
ele는 지정된 영역, w는 최대 너비, 이보다 크면 줄어듭니다. h는 최대 높이입니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.