Javascript 自动垂直图像滑块

我需要帮助，以创建一个垂直的图像滑块滑动图像自动与间隔

HTML:

Javascript:

<script type="text/javascript">
$(document).ready(function () {
$('.carousel').carousel({ interval: 3000 });
});
</script>

$（文档）.ready（函数（）{
$（'.carousel'）.carousel（{interval:3000}）；
});

我垂直需要同样的东西。

您可以使用

$(window).scrollTop()

---

我建议您使用或。请看一看垂直滚动示例pf jCarousel和bxslider示例，如下所示：

<script src= "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src= "js/bootstrap.js"></script>
 <script type="text/javascript">
     var $ = jQuery.noConflict();
     $(document).ready(function() { 
     $('#myCarousel').carousel({ interval: 2000, cycle: true });
     }); 
</script>   

var$=jQuery.noConflict（）；
$（文档）.ready（函数（）{
$（#myCarousel'）.carousel（{interval:2000，cycle:true}）；
}); 

---

请按照我维护的顺序进行操作…

下面是一个如何使用CSS3和HTML5获得垂直滑块效果的示例

---

使用

@关键帧

规则

@-某些浏览器可能需要webkit关键帧

。

您可以在此处看到其他carousals for hint，这节省了大量时间和查询。这是一个水平的。我使用了推特引导旋转木马。它只适用于水平方向。但是，在jquery中有可能使其垂直吗？在jquery中，一切都是可能的，但我们必须为这里不容易的事情编码，兄弟。你也可以使用CSS3，使用

@keyframes

规则。

<script src= "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src= "js/bootstrap.js"></script>
 <script type="text/javascript">
     var $ = jQuery.noConflict();
     $(document).ready(function() { 
     $('#myCarousel').carousel({ interval: 2000, cycle: true });
     }); 
</script>