Creating a Vertical Carousel with no easing effects

excelidly

New Member
I've tried different vertical carousels and jquery Cycle appears to be the only solution that works across all browsers. I'm wanting to create a vertical carousel that does not pause at the end of each transition. The documentation for jquery Cycle is not that extensive. How would I set the carousel so that there is no transition at the end. I've tried most possible without it working.jsfiddlehttp://jsfiddle.net/Xxahy/24/JS code...\[code\]$(document).ready(function() { $('.cycle-streams').cycle({ fx: 'scrollVert', continuous: 1, speed: 3000, delay: 0, easing: 0 });});?\[/code\]HTML code...\[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>\[/code\]
 
Back
Top