Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 画廊中图像的不规则尺寸_Javascript_Jquery_Html - Fatal编程技术网

Javascript 画廊中图像的不规则尺寸

Javascript 画廊中图像的不规则尺寸,javascript,jquery,html,Javascript,Jquery,Html,我有一个画廊,有不同大小的图片。是否有任何解决方案可以在显示期间裁剪它们? 我试着设置样式高度:xxxpx,但它看起来很糟糕(宽度也一样)。这些图像显示在其他网站上,所以我不能下载它们并裁剪:(这里有一个jQuery插件,它应该可以做到这一点: 您也可以在html或css中将宽度设置为像素度量值,并保留高度,反之亦然,这取决于您是否需要相同的高度或宽度。然后,它们将被缩小,但不会扭曲……显然,如果您需要裁剪到设置的高度和宽度,这将不起作用,但它将为您提供具有相同高度或宽度的列或行在宽度或高度上匹

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

这里有一个jQuery插件,它应该可以做到这一点:

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

您可以将图像放在屏幕内进行裁剪

overflow: hidden;
部门


下面是一个JSFIDLE示例,当然您可能希望使用相同的javascript来居中/定位图像,而不是在我所做的示例中简单地设置图像编号,但它仍然显示了如何裁剪图像。

在css或html中使用
高度
。质量将取决于浏览器使用的调整大小过滤器。