Question

我一直在尝试使用looper.js来遍历div中的各种单词或图片（examples）

除非我使用交叉淡化动画选项（class="xfade"），否则一切似乎都能正常工作。 内容仅在动画期间显示，否则将不可见。

通过在position: relative中评论.looper .looper-inner来解决此问题：

.looper .looper-inner {
  overflow: hidden;
  width: 100%;
  height: auto;
  /*position: relative;*/
  z-index: 2;
}

但是这不是一个可接受的解决方案，因为它会影响我在移动设备上的响应式布局。

因为我使用的是默认的官方示例，所以我认为这一定是个noob错误......

DEMO： jsfiddle

感谢您的帮助。

Answer 1

看起来这个looper插件不是很稳定，对它的支持远不是很好。我最终使用了另一个名为Cycle2的插件，它更受欢迎且可高度自定义。

Cycle2带有许多花哨的过渡，但请随时查看Cycle其他更传统的过渡。

编辑：关于looper.js，解决方案是为{strong>每个单个动画类指定height .looper .looper-inner （默认为100％）。