Jquery垂直旋转木马

Question

你知道任何不需要任何额外标记的jquery旋转木马......这是我的标记：

<ul class="navigation">
    <li class="navigation-top"><a href="#" class="prev" title="Up"><span></span></a></li>
    <li class="with"><a href="#" title="Shopping">Shopping1</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping2</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping3</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping4</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping5</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping6</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping7</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping8</a></li>

    <li class="with"><a href="#" title="Shopping">Shopping</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping</a></li>
    <li class="with"><a href="#" title="Shopping">Shopping</a></li>
    <li class="navigation-bottom"><a class="next" href="#" title="Up"><span></span></a></li>
</ul><!--[end]  /.navigation-->

Answer 1

例如，此解决方案只需要在您的轮播元素上定义的ID：

http://sorgalla.com/projects/jcarousel/examples/static_simple.html

为方便起见，上面的主页：

http://sorgalla.com/projects/jcarousel/

Answer 2

一个非常轻巧简单的jQuery垂直旋转木马。

http://paddu.in/labs/jQuery_VerticalCarousel/#