javascript - flexslider 中的垂直和水平幻灯片

Question

我试图通过像旋转木马一样具有淡入淡出效果的幻灯片来实现具有垂直和同时 li 的 flexslider 幻灯片，但我找不到正确的行为。我的代码：

<div class="flexslider">
<ul class="slides">
    <?php
    while ($reg = mysql_fetch_array($sql)){
        echo "<li> //VERTICAL
                <span>".$reg['title']."</span>
                <ul class=\"work\"> //HORIZONTAL
                    <li>
                        <img src=\"".$reg['title']."/images/01.jpg\" />
                    </li>
                    <li>
                        <img src=\"".$reg['title']."/images/02.jpg\" />
                    </li>
                    <li>
                        <img src=\"".$reg['title']."/images/03.jpg\" />
                    </li>
                </ul>
            </li>";
    }
    ?> 
</ul>

和 JS

<script type="text/javascript"> 
$(window).load(function() {     
    $('.flexslider').flexslider({
        animation: "fade",
        animationLoop: false
    });
});
</script>

这个例子

我究竟做错了什么？

Answer 1

据我了解，你想要这样的东西：

$('.flexslider').flexslider({
    animation: "fade",
    direction: "vertical",
    animationLoop: false
});

如果内部图像没有动画，应该这样做。