2010-01-17 101 views
2

即时通讯使用图像预览,允许我添加CSS样式到弹出的预览。智能调整图像预览大小?

现在,有些图像比屏幕大,所以您只能看到其中的一部分,而其他图像非常小,因此您不必调整它们的大小。

有没有办法只调整较大的图像,而不是触及较小的图像,例如。只调整宽度或高度大于400像素的图像大小?

任何其他方法,使较大的适合屏幕,而不影响较小的将不胜感激,因为如果我只是使用宽度= 400px和高度= 400px所有图像将在该大小和比例将是错误的。对于较小的图像,您将选择非常大的像素。

在此先感谢

回答

2

Seam carving javascript implementation就是我所说的图像智能调整大小:)

不管怎样,在JavaScript中,您可以根据Image对象的widthheight性能实现逻辑。

也看看this page,作者使用jQuery来调整大于指定尺寸的图像的大小。

+1

这两个链接都不起作用。 – thealexbaron 2012-09-13 22:00:49

+0

在这里找到源代码:https://github.com/sroucheray/content-aware-image-resizing – fjsj 2013-08-22 18:54:56