Question

我有一个问题，我的flexslider是从最后一张幻灯片而不是第一张幻灯片开始的，即使控件从第一张开始。

HTML / JS非常简单：

<section id="section-1">
<script>
    $(function (){
        $('#section-1 .flexslider').flexslider(
            {
                animation: "slide",
                directionNav: false,
                controlsContainer: "#controls-1",
                pauseOnAction: false,
            }
        );
    });
</script>
<div class="container" id="controls-1">
</div>
<div class="flexslider">
    <ul class="slides">
    <li>
            <img src="2014/07/PEP_Intro.03.jpg" alt="" />  
    </li>

    <li>
            <img src="2014/07/PEP_Intro.02.jpg" alt="" />  
    </li>

    <li>
            <img src="2014/07/PEP_Intro.011.jpg" alt="" />  
    </li>

    </ul>
</div>

网址在这里：

http://54.79.96.139/pepper/

以前有人有这个问题吗？奇怪的是，当我改回＆＃34; fade＆＃34;动画问题消失了。

Answer 1

我自己也有同样的问题，有两种可能的解决方案：

在flexslider选项中设置以下内容：
```
animationLoop: false
```

从flexslider.js文件中删除几行（此选项可让您仍然循环滑块）：

methods.uniqueID( slider.slides.first().clone().addClass('clone') ).appendTo( slider.container);
methods.uniqueID( slider.slides.last().clone().addClass('clone') ).prependTo( slider.container);

Source

Flexslider在使用动画时从最后一张幻灯片开始：“幻灯片”

1 个答案: