Jquery循环滑块转盘

我在jquery循环转盘垂直滑动4个可见项时遇到问题

我已经把他放进去测试了

$（'#list_post'）。循环（{
超时：1000，
fx:‘旋转木马’，
幻灯片：'>div'，
速度：500
});     

---

滑块调整为小宽度，并在幻灯片中仅显示一个项目。如何使4个项目在滑块中可见？

如果您希望所有四个项目都可见，您可以使用另一种方法，将属性

fx

更改为

fade

 $('#list_post').cycle({ 
 timeout:    1000,
 fx:      'fade',
 slides: '> div',
 speed: 500
 });  

---

也许有人想解决这个问题。

如果希望基于旋转木马结构，可以使用

例如：

<div class="slideshow" 
    data-cycle-fx=carousel
    data-cycle-timeout=0
    data-cycle-next="#next4"
    data-cycle-prev="#prev4"
    data-cycle-pager="#pager4"
    data-cycle-carousel-visible=5
    data-allow-wrap=false
    >
    <img src="http://malsup.github.io/images/beach1.jpg">
    <img src="http://malsup.github.io/images/beach2.jpg">
    ...
    <img src="http://malsup.github.io/images/beach9.jpg">
</div>

<div class=center>
    <a href=# id=prev4><< Prev </a>
    <a href=# id=next4> Next >> </a>
</div>

<div class="cycle-pager" id=pager4></div>

...

<div class="slideshow" 
    data-cycle-fx=carousel
    data-cycle-timeout=0
    data-cycle-next="#next4"
    data-cycle-prev="#prev4"
    data-cycle-pager="#pager4"
    data-cycle-carousel-visible=5
    data-allow-wrap=false
    >
    <img src="http://malsup.github.io/images/beach1.jpg">
    <img src="http://malsup.github.io/images/beach2.jpg">
    ...
    <img src="http://malsup.github.io/images/beach9.jpg">
</div>

<div class=center>
    <a href=# id=prev4><< Prev </a>
    <a href=# id=next4> Next >> </a>
</div>

<div class="cycle-pager" id=pager4></div>