3

我正在使用Sequence.JS创建一个站点。我已经查看了十几次标记，我有一些animate-in和animate-out类，所以它应该在加载时做一些事情。这是我的 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第一张幻灯片动画了。但是，我现在遇到了 sequence.js 在 6000 毫秒后没有动画到下一张幻灯片的问题。

PS 更新 好的，现在它是随机工作的。

对于将来阅读此问题的任何人，请确保向包含幻灯片的类添加一个类！.sequence-canvasul

4

1 回答 1

1

你可以试试这个吗？

序列滑块在第二张幻灯片后停止

总结一下：

确保每张幻灯片的所有直接子级都至少有一个.animate-in过渡，并且该元素的值实际上是过渡的。

于 2014-05-23T00:36:37.927 回答