【发布时间】：2014-08-01 23:09:02
【问题描述】：
我正在开发一个响应式的网站。我正在尝试实现一个包含内容的滑块，并且为了简单起见，我正在使用 Cycle2。
我已经把大部分内容放在一起了，我遇到的一件事是百分比宽度在 Cycle2 滑块中效果不佳...
基本上我有一张图片是宽度的；它是容器的 100%，另外两张是容器的 50%，并排坐着。您可以在我制作的demo page 上看到这一切。但是还有一个codepen（虽然这里比较难看，但是代码是一样的）。
问题是为了循环通过，Cycle2 似乎在玩容器的宽度。这意味着我所有的图片也会受到影响，因为它们是基于百分比宽度的。如果您单击“下一步”，您会看到动画看起来很奇怪，因为图片在消失之前会变成不同的大小。我希望一切都保持不变，但只需滚动即可。
我只是想知道您对此的解决方案是什么，我真的更喜欢使用 Cycle2，因为我知道它很好且易于设计，但也许不可能。或者在这种情况下，您还会如何进行响应式设计？
<div class="slider cycle-slideshow"
data-cycle-fx="scrollHorz"
data-cycle-pause-on-hover="false"
data-cycle-speed="400"
data-cycle-timeout=0
data-cycle-slides="> div.slideItem"
data-cycle-prev="#prev"
data-cycle-next="#next"
data-cycle-auto-height=true
>
【问题讨论】：
标签： jquery jquery-cycle jquery-cycle2