Jquery looper.js插件-crossfade动画之间的图像不可见

Jquery looper.js插件-crossfade动画之间的图像不可见,jquery,jquery-plugins,jquery-animate,jquery-cycle,jquery-cycle2,Jquery,Jquery Plugins,Jquery Animate,Jquery Cycle,Jquery Cycle2,我一直在尝试使用循环遍历div()中的各种单词或图像 除了使用交叉淡入淡出动画选项(class=“xfade”)外,其他一切似乎都正常。 内容仅在动画期间显示,否则不可见。 这是通过注释掉中的位置:相对。活套。活套内部: .looper .looper-inner { overflow: hidden; width: 100%; height: auto; /*position: relative;*/ z-index: 2; } 但是这不是一个可接受的解决方案,因为它会打

我一直在尝试使用循环遍历div()中的各种单词或图像

除了使用交叉淡入淡出动画选项(
class=“xfade”
)外,其他一切似乎都正常。 内容仅在动画期间显示,否则不可见。

这是通过注释掉
中的
位置:相对
。活套。活套内部

.looper .looper-inner {
  overflow: hidden;
  width: 100%;
  height: auto;
  /*position: relative;*/
  z-index: 2;
}
但是这不是一个可接受的解决方案,因为它会打乱我在手机上的响应布局

我想这一定是我的错,因为我使用的是默认的官方示例

演示:


谢谢你的帮助。

这个活套插件似乎不是很稳定,而且它的支持也很差。最后,我使用了另一个插件,名为,它更受欢迎,并且高度可定制

Cycle2提供了许多奇特的过渡,但您可以随意查看其他更传统的过渡


编辑:关于looper.js,解决方案是为您正在使用的每个动画类指定
looper.looper internal
的高度(默认值为100%)。

在looper的Github页面上找到了一个解决方案:希望这有帮助。