清除响应式jQuery循环

Question

我使用jQuery循环创建了一个响应式图像滑块.

我使用的以下设置工作正常,除了包含.cyclediv没有正确清除,使其后面的任何内容坐在它下面.

这是因为div是相对的,它的孩子是绝对的.

     $('.cycle').cycle({
        slideResize: true,
        containerResize: false,
        fit: 1,
        width: "fit"
     });

我的问题是,如何在.cycle没有固定高度或使用某些事件繁重的JavaScript的情况下清除响应式div？

这是我在jsfiddle上的代码:http://jsfiddle.net/blowsie/HuNfz/19/

---

更新:

我写了一些代码来修复循环的高度,它按预期工作(虽然它有时会出错),但它的事件很重,而且不是很光滑.

我喜欢看到可以在纯CSS中完成或者在循环设置中进行更改.

http://jsfiddle.net/blowsie/HuNfz/22/

Answer 1

循环不是很友好的响应.但是Cycle2肯定是.在这里查看:http: //jquery.malsup.com/cycle2/