Question

我正在使用Sequence.JS创建网站。我已经查看了十几次标记，我有几个animate-in和animate-out类，因此在加载时应该执行 SOMETHING 。这是我的HTML标记：

<div id="feature">
    <div id="featurewrap">
        <div id="slider">
            <ul id="slides" class="sequence">
                <li class="slide1">
                    <div class="headline left">
                        <a href="#">
                            <h2>Testing the slider headline</h2>
                            <p class="blurb">This is an example of the captions you can have on the slider</p>
                        </a>
                    </div>
                    <img src="img/slides/slide1.jpg" />
                </li>
                ...Slide2...
                ...Slide3...
            </ul>
        </div>
    </div>
</div>

这是我的jQuery标记：

$(function(){
    var options = {
        preloader: false,
        hideFramesUntilPreloaded: false,
        fallback: {
            theme: "fade",
            speed: 500
        },
        pauseOnHover: true,
        animateStartingFrameIn: true,
        transitionThreshold: 250,
        reverseAnimationsWhenNavigatingBackwards: false,
        autoPlay: true,
        autoPlayDelay: 6000
    };
    var sequence = $("#slider").sequence(options).data("sequence");
});

此外，这是我目前正在处理的网站：cirkut.net/sub/2013northwood/

没有控制台错误。据我所知，所有脚本都正确加载并且按顺序排列。序列应该是在第一张幻灯片中添加animate-in类。目前没有任何事情发生，即使autoPlay已开启。

有什么想法吗？谢谢！

更新我已经为.sequence-canvas添加了一类ul，现在第一张幻灯片已经动画了。但是，我现在遇到了序列.js在6000毫秒后无法动画到下一张幻灯片的问题。

P.S。更新 好的，现在它正在随机工作。

对于将来阅读此问题的任何人，确认，您会在包含幻灯片的.sequence-canvas中添加ul课程。

Answer 1

你可以试试这个吗？

Sequence slider stopping after second slide

总结一下：

确保每张幻灯片的所有直接子项至少具有.animate-in转换，并且该元素的值实际上已过渡。

Sequence.JS没有动画（或者做任何事情）

1 个答案: