使用jquery css方法拉伸图像以适合div

Question

这是生成的html

<div id="largephoto" style="background-image: url(http://somepath/images/sample.jpg);">

这是我的js电话

$('#loader').css('background-image','url("images/sample/gif" )');

我希望图片像在Facebook中一样，用户上传的照片太小或太大，框架应该显示照片的中心，框架内不留空白区域。

我试过$('#largephoto').css('background-image-position','center'); 但它似乎什么都不做

Answer 1

使用css background-size属性在DIV中修复图像

$('#largephoto').css('background-size','100%,100%'); 

Answer 2

试试这个CSS： -

.img_class {
    max-width: 100%;
}

Answer 3

这将调整图像，使图像覆盖其容器。

#largephoto {
    background-size:cover;
}