我有一个网站,其中包含了很多项目,每个项目都有一个侧边栏。
在这个侧边栏中,可以将图像附加到项目中。附加的图像将在画廊中显示,底部有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);发布于 2010-03-08 20:52:01
您可以在保持纵横比的情况下调整图像大小,然后重新保存它。或者,如果您想保持相同的图像,那么您可以找到新的高度和宽度,保持纵横比,并相应地将其应用于img标记的高度和宽度属性。
您可以使用它们来调整图像大小或查找高度和宽度。
http://snippets.dzone.com/posts/show/4336
http://www.switchonthecode.com/tutorials/csharp-tutorial-image-editing-saving-cropping-and-resizing
如果您决定保留较大尺寸的图像,也可以尝试一些平移功能
发布于 2010-03-08 20:56:07
发布于 2010-03-08 21:15:34
比例缩放也可以使用CSS完成。考虑一张宽100px高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;">这对你来说可能是一个很好的解决方案,因为你的图像很小,而且你无论如何都要加载缩略图和图像,也可以是相同的图像,节省带宽并利用缓存。
https://stackoverflow.com/questions/2401292
复制相似问题