动态获取的图片当做背景，而且图片是小图

var img=$('#bigimg')

//因为图片是OSS获取到的  在页面展示的时候已经设置了宽高

var imgwidth=img.naturalWidth   

var naturalWidth = document.getElementById('bigimg').naturalWidth   //获取图片原始的宽高信息

var naturalheight = document.getElementById('bigimg').naturalHeight     

var bl=naturalWidth/naturalheight      //查看原图片的比例

var bigimgheight=$('.bigimg').height()  // 获取图片oss 设置之后的宽高

var bigimgwidth=$('.bigimg').width()

if(bl>1){

$('#bigimg').height('100%').width('auto')   //如果宽度大于高度   设置高度铺满，宽度居中 使图片不被压缩  通过位移  让图片想要的内容在中间部分显示

var width=$('#bigimg').width()    

console.log(width)

var wl=(bigimgwidth-width)/2

$('#bigimg').css('margin-left',wl)

}else{

$('#bigimg').height('auto').width('100%')

var height=$('#bigimg').height()

 

console.log(height)

var hl=(bigimgheight-height)/2

$('#bigimg').css('margin-top',hl)

}