创建没有缓动效果的垂直轮播

时间:2012-12-07 21:21:18

标签: javascript jquery html jquery-plugins

我尝试过不同的垂直旋转木马和jquery Cycle似乎是唯一适用于所有浏览器的解决方案。我想创建一个在每次转换结束时不会暂停的垂直轮播。 jquery Cycle的文档并不广泛。如何设置轮播,以便最后没有过渡。没有工作,我已经尽力了。

的jsfiddle http://jsfiddle.net/Xxahy/24/

JS代码......

$(document).ready(function() {
  $('.cycle-streams').cycle({
    fx: 'scrollVert',
    continuous: 1,
    speed: 3000,
    delay: 0,
    easing: 0
  });
});​

HTML code ...

<div class="cycle-streams">
   <div class="item">
     <div class="span12">
       stream 1
     </div>
     <div class="span12">
       stream 2
     </div>
     <div class="span12">
       stream 3
     </div>
     <div class="span12">
       stream 4
     </div>
     <div class="span12">
       stream 5
     </div>
   </div>                        
   <div class="item">
     <div class="span12">
       stream 6
     </div>
     <div class="span12">
       stream 7
     </div>
     <div class="span12">
       stream 8
     </div>
     <div class="span12">
       stream 9
     </div>
     <div class="span12">
       stream 10
     </div>
   </div>                    
     <div class="item">
       <div class="span12">
         stream 11
       </div>
       <div class="span12">
         stream 12
       </div>
       <div class="span12">
         stream 13
       </div>
       <div class="span12">
         stream 14
       </div>
       <div class="span12">
         stream 15
       </div>
     </div>
  </div>

1 个答案:

答案 0 :(得分:1)

$(document).ready(function() {
    $('.cycle-streams').cycle({
        fx: 'scrollVert',
        continuous: 1,
        speed: 3000,
        delay: 0,
        easing: 'linear' // this is the correct setting
    });
});​