图库中图像的大小不规则

时间:2012-02-26 22:52:47

标签: javascript jquery html

我有一个不同大小的图片库。是否有任何解决方案在显示期间裁剪它们? 我试过设置样式高度:xxxpx但它看起来很糟糕(宽度也是如此)。此图像显示来自其他网站,所以我不能下载它们并裁剪:(

3 个答案:

答案 0 :(得分:3)

您可以通过将图像放入

来裁剪图像
overflow: hidden;

DIV。

这是一个JSFiddle示例Cropped Image,当然你可能想要使用相同的javascript来居中/定位图像而不是简单的设置magin数字在我已经完成的示例中,但它仍然显示如何裁剪图像。

答案 1 :(得分:0)

这是一个jQuery插件应该可以解决的问题: http://odyniec.net/projects/imgareaselect/

答案 2 :(得分:0)

您也可以将宽度设置为html或css中的像素度量并保留高度,反之亦然,具体取决于您是否需要相同的高度或相同的宽度。然后它们会被缩小但不会扭曲......显然,如果你需要裁剪到设定的高度宽度,这将不起作用,但它给你宽度或高度匹配的列或行。