将 Textillate 与 Royalslider 结合使用

Question

我正在尝试集成 Textillate script with Royalslider，但在让 Textillate 在幻灯片更改时启动时遇到问题，而不是在首次加载时在每张幻灯片上启动。

下面的 'Current' 代码，每次更改幻灯片时都会尝试初始化 textillate.js 脚本。但是，该效果将应用于每个 rsABlock（要设置动画的文本），无论它们放置在哪张幻灯片上。当您移动和更改幻灯片时，我希望 textillate 脚本在每张幻灯片上的 rsABlock 上触发（每张幻灯片上都有一个）。请参阅 'Attempt' 基于来自 Royalslider 支持门户的一些非常基本的支持，但这不起作用。

有人能帮忙吗？

当前

this.rsInstance().ev.on('rsAfterSlideChange', function() {
    // Textillate animation
    $('.rsABlock').textillate({
        loop: false,
        type: 'word'
    });
});

尝试

this.rsInstance().ev.on('rsAfterSlideChange', function() {
    this.rsInstance().currSlide.content.find('.rsABlock').textillate({
        loop: false,
        type: 'word'
        // More options here
    });
});

Answer 1

问题已解决，看来我使用 this.rsInstance() 的次数太多了。

this.rsInstance().ev.on('rsAfterSlideChange', function() {
    this.currSlide.content.find('.rsABlock').textillate({
        loop: false,
        initialDelay: 0,
    });
});

将 Textillate 与 Royalslider 结合使用

Using Textillate with Royalslider

javascript

jquery

animation

royal-slider

jquery-textillate