请结帐JSFiddle
<div class="right-panel">
<div class="cycle-slideshow testimonials"
data-cycle-fx="fadeout"
data-cycle-speed=3500
data-cycle-timeout=1000
data-cycle-slides="> blockquote"
>
滑块淡入/淡出时如何避免内容重叠的问题
最佳答案
由于动画速度(数据循环速度)较慢,因此发生了内容重叠。您看到重叠的额外原因是因为缺少blockquote元素的背景。我更新了您的小提琴,以便使动画更快,因为blockquote具有背景色:http://jsfiddle.net/veritas87/qLQv5/1/
您可以使用数据周期超时设置旋转速度(幻灯片在屏幕上停留的时间):
data-cycle-speed=500
data-cycle-timeout=3000