这个CSS是做不到的 需要用js读出图片的宽和高 然后js控制输出到CSS 显示一个宽度, 高度等于这个显示的宽度 * 原来的宽高比
下面是JS代码 <script language="javascript">
function DrawImage(ImgD,kw,kh)
{
var image=new Image();
image.src=ImgD.src;
if(image.height<image.width)//说明宽》高==》以宽为标准
{
if(image.width>kw)
{
ImgD.width=kw;
ImgD.height=(image.height*kw)/image.width;
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
else//以高为标准
{
if(image.height>kh)
{
ImgD.height=kh;
ImgD.width=(image.width*kh)/image.height;
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
</script> 这是调用在img上的 <img src="upload/smallpic/1.jepg" onload='javascript: DrawImage(this,120,120);' /> 这里的宽高都是我是设置120 ,如果高大于宽,那么就高120 宽成比例变小。 反之就宽120 高成比例变小
|