javascript - 如何获取表格轮播jQuery

Question

我可以使用 jquery 进行图像旋转，但我的要求是幻灯片格式。任何帮助都会很有用..

我的代码是：

<ul>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small1.png" alt="Shoecolorthumbview1"/></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small2.png" alt="Shoecolorthumbview2"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small3.png" alt="Shoecolorthumbview3"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small1.png" alt="Shoecolorthumbview1"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small2.png" alt="Shoecolorthumbview2"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small3.png" alt="Shoecolorthumbview3"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small1.png" alt="Shoecolorthumbview1"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small2.png" alt="Shoecolorthumbview2"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small3.png" alt="Shoecolorthumbview3"/></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\Desert.jpg"/></a>
    </li>
</ul>

Answer 1

尝试这个

http://twitter.github.io/bootstrap/javascript.html#carousel

<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">…&lt;/div>
<div class="item">…&lt;/div>
<div class="item">…&lt;/div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
<script type="text/javascript">
    $('.carousel').carousel()
  </script>

在

<div class="item">…&lt;/div>//in this div you can put what ever you want