这个其实用jq获取图片宽度就行了,举个例子:
var img =new Image();
img.src ='images/bj.gif';这是图片的路径
var imgHeight ='';
var imgWidth='';
img.onload =function() {
imgHeight = img.height;
imgWidth = img.width;
};
imgWidth 就是原始图片宽度;把他赋值改div就行$(div).css('width', imgWidth +'px');
但是,有时候会要图片尺寸进行改变,图片高度和屏幕显示尺寸一致,宽度自适应,这个时候图片的宽高就不是这个原先尺寸了,我们需要和屏幕尺寸对比得到比例关系。
var winHeight =$(window).height(); //浏览器当前窗口可视区域高度
var scale = winHeight / imgHeight;//比例
var newWidth = scale * imgWidth;//这就是新的图片宽度,把他赋值改div就行$(div).css('width', newWidth +'px');
网友评论