如何在我现有的 wordpress 站点中裁剪我的滑块图像？

Question

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

这是我的图像的内联样式：

<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%;
}

Answer 1

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

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

http://jsfiddle.net/4777z/

Answer 2

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

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