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>

The example

我做错了什么？

Answer 1

据我所知，你想要这样的东西：

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

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