Jquery looper.js插件-crossfade动画之间的图像不可见
我一直在尝试使用循环遍历div()中的各种单词或图像 除了使用交叉淡入淡出动画选项(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; } 但是这不是一个可接受的解决方案,因为它会打
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页面上找到了一个解决方案:希望这有帮助。