1

さまざまな垂直カルーセルを試しましたが、jqueryCycleがすべてのブラウザで機能する唯一のソリューションのようです。各トランジションの終了時に一時停止しない垂直カルーセルを作成したいと思います。jqueryCycleのドキュメントはそれほど広範ではありません。最後にトランジションが発生しないようにカルーセルを設定するにはどうすればよいですか。私はそれが機能せずに可能な限り試みました。

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

JSコード...

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

HTMLコード...

<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>
4

1 に答える 1

1 
$(document).ready(function() {
    $('.cycle-streams').cycle({
        fx: 'scrollVert',
        continuous: 1,
        speed: 3000,
        delay: 0,
        easing: 'linear' // this is the correct setting
    });
});​
于 2012-12-07T21:24:19.067 に答える