如何在现有的 wordpress 网站中裁剪滑块图像？答案

【问题标题】：How can I crop my slider image in my existing wordpress site?如何在现有的 wordpress 网站中裁剪滑块图像？
【发布时间】：2014-04-06 22:07:44
【问题描述】：

我无法正确裁剪滑块图像。

这是我图片的内联样式：

<img width="250" height="169" alt="Photo: Terrence Jones for Social Magazine Stylist: Lee Stalcup" src="http://revolverboutique.com/wp-content/uploads/2013/02/R8-278200_600x400.jpg" style="display: inline-block; width: 250px; height: 169px;">

这也是我在 div 中的样式表 css：

#featured .slide img {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

【问题讨论】：

在您的样式表中将height 设置为auto
做了高度：自动；但没有修复@OneKitten
你是说@PieterGoosen？我不建议使用height: auto;。
这是我的网站link 我遇到问题的地方。解决这个问题是当务之急。 @OneKitten

标签： jquery css wordpress

【解决方案1】：

更改宽度和高度时还需要添加“px”。

width="250px" height="169px"

http://jsfiddle.net/4777z/

【讨论】：

如果我使用 px 之后它不固定@Jonathan Wexler
您是否要调整图像大小？还是裁剪一部分？
是的，我正在尝试。这是我的原始图像revolverboutique.com/wp-content/uploads/2013/02/R8.jpg。但是当它被裁剪时，请看一下图像的头部被切掉了。 @jonathan-wexler

【解决方案2】：

这将在您的浏览器中调整图像的大小，速度较慢且不是很理想。如果您有固定宽度（例如 250 x 169）并希望在该滑块中显示具有该固定宽度的所有图像，您最好创建自定义缩略图大小（例如 https://codex.wordpress.org/Function_Reference/add_image_size）并使用适当的图像滑块的大小（许多滑块都是用插件处理的，我见过的大多数滑块都允许您选择要使用的缩略图大小。根据您的滑块，这对您来说可能会有所不同。但基本前提是调整大小更好服务器上的图像并让滑块提供已缩放的图像仍然适用）

如果您选择这条路线，请确保在添加新图像大小后重新生成缩略图。

【讨论】：