响应滑块，滑块高度已更新

Question

我有一个列表，其中每个项目都包含文本和图像：

<div class="slider">
  <ul>
    <li>
      <div class="txt"><p>First slogan</p></div>
      <div class="img"><img src="http://placehold.it/800x180" /></div>      
    </li>
    <li> ... </li>
  </ul>
</div>

我需要它才能响应... img和txt divs缩放窗口调整大小。

在某个点之后，img div变为txt div之下，如codepen中所示：

SLIDE EXAMPLE

这工作正常 ......但现在我需要让它作为滑块工作。

我正在尝试使用Cycle2 JQuery插件：

SLIDE EXAMPLE WITH CYCLE 2

高度不适应幻灯片内容。

有人可以帮帮我吗？

谢谢你， 米格尔

Answer 1

如果您查看他们的文档here，它有很多选项来适应高度，如添加 <div class="slider" data-cycle-auto-height="1:1">

希望有所帮助。