如何更改属于jquery.flexslider-min.js文件的jquery flexslider的高度？

Question

我的wordpress主题包含一个jquery flexslider（version：jquery.flexslider-min.js），问题是当我尝试通过修改滑块的height参数（通过设置fix和auto）来更改其高度时， .css并上传较窄的图片，看起来滑块以预期的形状显示，但是导航箭头（左，右）到达滑块的底部，而不是其原始位置在中间。

如果有人可以提供帮助并给出确切的解决方案，我将非常感谢。

先感谢您。

Answer 1

使用CSS：

.flexslider .slides img {
   max-width: 100%; 
   height: 748px; //set height in pixel here
   display: block;
 }

Answer 2

在没有看到您的代码的情况下，很难确切地说出问题是什么，但是过去使用静态值定位项目时遇到了这个问题。 本质上，高度会发生变化，但静态位置不会发生变化，这会使您的元素稍微偏移一点。 如果这是您的问题，则可以这样解决：

的HTML

<div class="flex-nav-container">
    <ul class="flex-direction-nav">
        <li><a class="flex-prev">Previous</a></li>
        <li><a class="flex-next">Next</a></li>
    </ul>
</div>

的CSS

.flex-nav-container { position: relative; height: 300px; //or whatever }
.flex-direction-nav a { position: absolute; height:30px; top: 50%; margin-top: -15px; }
.flex-prev { left: 0; }
.flex-next { right: 0; }

这会将箭头元素的顶部居中到滑块高度的50％。 通过将负边距添加为箭头高度的一半，无论滑块的高度如何，您基本上都将箭头垂直居中。

JSFiddle演示

尝试更改.slider的高度，以查看实际发生的情况。 我添加了一些颜色来显示元素。