Jssor Slider字幕一起开始

Question

看看at this demo。正如你所看到的，字幕一个接一个地被动画化。是否有可能让所有标题一起开始，但具有特定的延迟。喜欢

1. 100毫秒后的标题1
2. 500毫秒后的标题2
3. 800毫秒后的标题3

我知道所有动画都可以通过在配置中使用$PlayInMode: 1来展平，但这并不能解决我想要的问题。我一直在寻找像滑块革命in this example这样的选项。请注意，所有动画元素都不会一个接一个地出现。有重叠。它就像在flash中的时间轴中的多个层中的动画一样。

任何人都知道如果这可以通过jssor实现吗？

Answer 1

您可以使用b属性指定字幕动画的开始时间。

<div u="caption" t="transition-1" b="100" ...>...</div>
<div u="caption" t="transition-2" b="500" ...>...</div>
<div u="caption" t="transition-3" b="800" ...>...</div>


b:  a numeric value (in milliseconds) indicates an explicit begin time to start
    animation. By default, captions play in one by one. But if a caption specified
    with 'b' explicitly, it breaks the streamline.

参考：http://www.jssor.com/development/slider-with-caption-jquery.html

另外，如果你想一个一个地播放字幕，但有时重叠，你可以使用d属性。

<div u="caption" t="transition-1" ...>...</div>
<div u="caption" t="transition-2" d="-300" ...>...</div>
<div u="caption" t="transition-3" ...>...</div>

上面的代码使第二个标题在第一个标题结束前300毫秒开始。