>웹 프론트엔드 >JS 튜토리얼 >비례에 따라 자동으로 줄어들지 않는 jquery 이미지에 대한 간단한 코드_jquery

비례에 따라 자동으로 줄어들지 않는 jquery 이미지에 대한 간단한 코드_jquery

WBOY
WBOY원래의
2016-05-16 17:27:471094검색
코드 복사 코드는 다음과 같습니다.

jQuery(document).ready(function()
{
/* 사진이 자동으로 완전히 축소되지 않습니다*/
$(window).load(function(){$('#content div.thumbnail img').each(function(){ var x = 200;//대상 이미지 너비 채우기
var y = 140
//대상 이미지 높이 채우기
var w=$(this).width(), h =$(this).height();
//이미지 너비와 높이 가져오기
if (w > x) {
//이미지 너비가 대상 너비보다 큰 경우
var w_original=w, h_original=h; h = h * (x / w);
//대상 너비에 비례하여 높이를 계산합니다. w =x;
//너비가 미리 정해진 너비와 같습니다. if (h //비례적으로 축소된 경우 최종 높이가 미리 정해진 높이보다 작을 때
w = w_original * (y /h_original)
// 너비를 다시 계산합니다. 타겟 높이 h = y
// 높이는 미리 정해진 높이와 같습니다
}
}
$(this).attr({width:w,height:h}); ; }); });

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.