1

我有一个网站,其中包含很多项目,每个项目都包含一个侧边栏。

在此侧边栏中,可以将图像附加到项目中。附加的图像将显示在一个画廊中,底部有 3 个小拇指,画廊顶部有一个较大的图像。当访问者单击图库底部的小拇指时,大图像将刷新为另一个图像。

拇指没有问题,它们显示正确。

我的问题是画廊顶部的更大图像。上传的图像有多种尺寸,而我的支架宽度为 239,高度为 179。缩放图像以正确显示给网站访问者的最佳方法是什么?

感谢 Zapping(此代码对我有用):

int sourceWidth = imgToResize.Width;
   int sourceHeight = imgToResize.Height;

   float nPercent = 0;
   float nPercentW = 0;
   float nPercentH = 0;

   nPercentW = ((float)size.Width / (float)sourceWidth);
   nPercentH = ((float)size.Height / (float)sourceHeight);

   if (nPercentH < nPercentW)
      nPercent = nPercentH;
   else
      nPercent = nPercentW;

   int destWidth = (int)(sourceWidth * nPercent);
   int destHeight = (int)(sourceHeight * nPercent);
4

3 回答 3

2

您可以在保持纵横比的情况下调整图像大小并重新保存它。或者,如果您想保持相同的图像,那么您可以找出新的高度和宽度,保持纵横比,并将其相应地应用于 img 标签的高度和宽度属性。

您可以使用这些来调整图像大小或查找高度和宽度。
http://snippets.dzone.com/posts/show/4336
http://www.switchonthecode.com/tutorials/csharp-tutorial-image-editing-saving-cropping-and-resizing

如果您决定保留较大尺寸的图像,您也可以尝试平移一些东西
如何使用 jquery 放大和缩小图像?

于 2010-03-08T12:52:00.990 回答
2

所有关于调整大小。 http://www.codeproject.com/KB/GDI-plus/imageresize.aspx

于 2010-03-08T12:56:06.593 回答
0

比例缩放也可以使用 CSS 完成。考虑一个 100px 宽 x 200px 高的图像。

<img src="image.png" style="max-width:50;max-height:50;">

将图像放入 50x50px 的框内,即生成 25x50px 的图像。类似地,

<img src="image.png" style="min-width:500;min-height:500;">

将产生和图像 500x1000px。

在你的情况下

<img src="image.png" style="max-width:239;max-height:179;">

这对您来说可能是一个很好的解决方案,因为您的图像很小,并且无论如何您都将加载缩略图和图像,也可能是相同的图像,节省带宽并利用缓存。

于 2010-03-08T13:15:33.983 回答