이미지를 표시하기 전에 이미지 크기에 따라 div의 크기를 조정해야합니다.

Question

너비가 고정 된 높이 & 인 div가 있다고 가정합니다. 사용자가 버튼을 클릭하면 이미지를로드하고 이미지를 div에 넣을 수 있습니다. div에 이미지를 넣기 전에 과 같은 부드러운 효과로 이미지 크기에 따라 div 높이를 & 너비로 조정하고 싶습니다.

사용자가 이미지를 클릭하면 div가 나타나고 부드러운 애니메이션 효과로 높이가 &가됩니다. 그래서 div로 이미지를 보여주기 전에 동일한 부드러운 div 성장 효과를 내고 싶습니다 .... 그것을 달성하는 방법. 플즈 가이드

나는 어떻게 크기를 조정하는 것을 알고 DIV 쉽게 같은 ... 여기 의사 코드입니다 :

var h=$('#img1').height(); 
var w=$('#img1').width(); 
$('div.myGallery').css('width', w + 'px'); 
$('div.myGallery').css('height', h + 'px'); 

하지만 문제는 바로 논리가 시각적 라이트 박스와 같은 성장 효과 사업부를 보여 마음에 오는되지 않는 것입니다 플러그인으로. 제발 나를 안내해주세요 .... 감사합니다.

Answer 1

이렇게하면 자릿수가 커지면서 애니메이션이 적용됩니다.

$('div.myGallery').animate({ 
    width: w + 'px', 
    height: h + 'px' 
}); 

자세한 내용은 을 참조하십시오.