Javascript 画廊中图像的不规则尺寸
我有一个画廊,有不同大小的图片。是否有任何解决方案可以在显示期间裁剪它们?Javascript 画廊中图像的不规则尺寸,javascript,jquery,html,Javascript,Jquery,Html,我有一个画廊,有不同大小的图片。是否有任何解决方案可以在显示期间裁剪它们? 我试着设置样式高度:xxxpx,但它看起来很糟糕(宽度也一样)。这些图像显示在其他网站上,所以我不能下载它们并裁剪:(这里有一个jQuery插件,它应该可以做到这一点: 您也可以在html或css中将宽度设置为像素度量值,并保留高度,反之亦然,这取决于您是否需要相同的高度或宽度。然后,它们将被缩小,但不会扭曲……显然,如果您需要裁剪到设置的高度和宽度,这将不起作用,但它将为您提供具有相同高度或宽度的列或行在宽度或高度上匹
我试着设置样式高度:xxxpx,但它看起来很糟糕(宽度也一样)。这些图像显示在其他网站上,所以我不能下载它们并裁剪:(这里有一个jQuery插件,它应该可以做到这一点:
您也可以在html或css中将宽度设置为像素度量值,并保留高度,反之亦然,这取决于您是否需要相同的高度或宽度。然后,它们将被缩小,但不会扭曲……显然,如果您需要裁剪到设置的高度和宽度,这将不起作用,但它将为您提供具有相同高度或宽度的列或行在宽度或高度上匹配。您可以将图像放在屏幕内进行裁剪
overflow: hidden;
部门
下面是一个JSFIDLE示例,当然您可能希望使用相同的javascript来居中/定位图像,而不是在我所做的示例中简单地设置图像编号,但它仍然显示了如何裁剪图像。在css或html中使用
高度
。质量将取决于浏览器使用的调整大小过滤器。