Jquery 동적 으로 그림 축 약 원리 및 구현

 
//       resizeImage()   
$(document).ready(resizeImage()); 

function resizeImage(){ 
$(".pic a img").each(function(){ 
//       ，      
$(this).load(function(){ 
//         
var imgWidth = $(this).width(); 
var imgHeight = $(this).height(); 
//      Div   
var boxWidth=$('.pic').width(); 
var boxHeight=$('.pic').height(); 
//  imgBox     img       
if((boxWidth/boxHeight)>=(imgWidth/imgHeight)) 
{ 
//    img width height 
$(this).width((boxHeight*imgWidth)/imgHeight); 
$(this).height(boxHeight); 
//        
var margin=(boxWidth-$(this).width())/2; 
$(this).css("margin-left",margin); 
} 
else 
{ 
//    img width height 
$(this).width(boxWidth); 
$(this).height((boxWidth*imgHeight)/imgWidth); 
//        
var margin=(boxHeight-$(this).height())/2; 
$(this).css("margin-top",margin); 
} 
}); 
}) 
}

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Jquery에서 동일한 NAME 또는 id 행 삭제 작업 가져오기

//Jquery 같은 수를 가져오고 줄 수와 인자를 삭제합니다. //ID'''또는this를 통해 본 줄의 두 번째 tdeq를 획득(1) 0부터 $("#"+id+"").parents("tr").find("td:eq(1...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Jquery 동적 으로 그림 축 약 원리 및 구현

좋은 웹페이지 즐겨찾기