Vertical Carousel

Single Item

• 1
• 2
• 3
• 4
• 5
• 6

ContinuousCarousel('myCarousel', {
  direction: 'vertical'
});

<div id="myCarousel" class="c-carousel-container" data-direction="vertical" data-num-visible="1">
  <ul class="c-carousel-group">
    <li class="c-carousel-item">1</li>
    <li class="c-carousel-item">2</li>
    <li class="c-carousel-item">3</li>
    <li class="c-carousel-item">4</li>
    <li class="c-carousel-item">5</li>
    <li class="c-carousel-item">6</li>
  </ul>
</div>

Multiple Items

Show 2 items at once:

• 1
• 2
• 3
• 4
• 5
• 6

ContinuousCarousel('myCarousel', {
  direction: 'vertical',
  numVisible: 2
});

<div id="myCarousel" class="c-carousel-container" data-direction="vertical" data-num-visible="2">
  <ul class="c-carousel-group">
    <li class="c-carousel-item">1</li>
    <li class="c-carousel-item">2</li>
    <li class="c-carousel-item">3</li>
    <li class="c-carousel-item">4</li>
    <li class="c-carousel-item">5</li>
    <li class="c-carousel-item">6</li>
  </ul>
</div>