Нанести ребенок ширину и высоту изображения в контейнер

Question

У меня есть этот код:

<div class="img_container"> 
     <img src="file://localhost/img/a_bg.jpeg" alt="a_bg" /> 
    </div> 

Как я могу применить ширину и высоту изображения в img_container?

Изображение находится в положении абсолютного

Answer 1

Markup:

Вам нужно будет добавить id к изображению, как показано ниже:

<div class="img_container"> 
     <img id="bgimg" src="file://localhost/img/a_bg.jpeg" alt="a_bg" /> 
    </div> 

Jquery:

var img = $('#bgimg'); 

img.load(function(){ 
    //Get width of image 
    var width = img.width(); 
    //Get height of image 
    var height = img.height(); 
    $('.img_container').css("width", width); 
    $('.img_container').css("height", height); 
}); 

Answer 2

Попробуйте

<img src="file://localhost/img/a_bg.jpeg" alt="a_bg width="X" height="Y" /> 

И добавить это к вам CSS

background-image: url(file://localhost/img/a_bg.jpeg); 
background-size: Xpx Ypx; 
background-repeat:no-repeat; 

Answer 3

непроверенная, но я хотел бы предложить:

$('.img_container img').each(function(){ 
    var w = this.naturalWidth, 
     h = this.naturalHeight; 
    $(this).parent().css({'height': h, 'width' : w}); 
});