顶者有分,如何解决ASP.NET中DATALIST绑定显示图片变形问题,图片的长宽与原尺寸不成比例而引起的.

Question

如题,显示一系列的图片清单,用DATALIST绑定数据源显示一系列图片,但是由于所有图片的长宽不一致,导航在DATALIST中用同一比例/长宽尺寸显示时一些图片会因与原尺寸不成比例而变形,想请问大家如何解决这个问题的呢?

Answer 1

把你在html里面写死的 尺寸去掉，图片就不会变形了。

Answer 2

可在上传时对图片进行处理,生成符合显示比例的缩略图,在datalist中显示缩图就行

Answer 3

<img src="logo.gif" onload="ResizePic(this)" />
<script>
var MaxWidth=50;//这里定义指定的宽度
function ResizePic(obj)
{
  if(obj.width>MaxWidth)//大于指定的高度,按比率更改height
  {  
    var height=MaxWidth/obj.width*obj.height;
    obj.style.width=MaxWidth;
    obj.style.height=height;
  }
}
</script>

Answer 4

邦定的时候设置图片大小 在html里面