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

您还需要添加＆＃34; px＆＃34;在改变宽度和高度时。

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

http://jsfiddle.net/4777z/

Answer 2

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

如果你喜欢这条路线，请确保在添加新图像尺寸后重新生成缩略图。

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

2 个答案: