다른 div 높이를 설정하기 위해 이미지의 이미지 높이를 얻는 방법

Question

이미지 높이가 다른 이미지 (#myimage)가 있습니다. 오버레이 (# 오버레이)가 있는데,이 이미지 위에 정확히 있어야합니다. 오버레이를 덮어서는 안되는 다른 것이 있기 때문에 100 %로 오버레이를 설정했습니다.

문제는 어떻게하면 이미지의 높이를 결정할 수 있습니까? 높이가 어떻게 될지 모르십니까? 그것은 높이에서 변이되어야한다. 따라서 너비는 100 %이고 높이는 자동입니다.

<div id="container"> 
    <img id="myimage" src="image.png"> 
    <div id="overlay"> 
     <img src="overlay.png"> 
    </div> 
<div id="someotherstuff"> 
// some other stuff not to cover 
</div> 
</div> 

CSS

#myimage {width:100%;height:auto;} 
#overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%;} 

Answer 1

JQuery와 함께이 작업을 수행 :

$(document).ready(function(){ 
    image_height = $("#myimage").height(); 
    $("#overlay").height(image_height); 
});