0

我一直在尝试使用looper.js循环遍历 div 内的各种单词或图像（示例）

除了我使用淡入淡出动画选项 ( ) 外，一切似乎都正常class="xfade"。 内容仅在动画期间出现，否则不可见。

通过注释掉以下内容可以解决此position: relative问题.looper .looper-inner：

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

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

我想这一定是我的菜鸟错误，因为我使用的是默认的官方示例......

演示： jsfiddle

谢谢您的帮助。

4

1 回答 1

0

貌似这个looper插件不是很稳定，对它的支持也很不理想。我最终使用了另一个名为Cycle2的插件，它更受欢迎且高度可定制。

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

编辑：关于 looper.js，解决方案是为您正在使用的每个height动画类指定of （默认为 100%）。.looper .looper-inner

于 2014-03-22T16:10:46.423 回答