Basics 1D - Direction

This is a vertical-turning carousel. It is useful for wider carousels that are short in height like headers and footers, or tickers and statusbars.

You can swipe left or right (or click-and-drag) on the title bar to turn the carousel.

Usage:

1. To switch from the default horizontal turn, set the isHorizontal attribute to false.

   
   <script>
   // Initialize carousel
   Panther.Carousel.init({
       id: 'carousel1',
       backgroundColor: 'rgba(209, 209, 209, 0.9)',
       isHorizontal: false
   });
   </script>
                                   

Hello World!

The quick brown fox jumps over the lazy dog.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu tempor ligula. Suspendisse ut porttitor ipsum, at viverra metus. Phasellus vitae dictum turpis, eu ultricies lacus. Vestibulum cursus pretium lectus ac accumsan. Ut fringilla vulputate nisl. Suspendisse porta nisi neque, vitae imperdiet ligula fringilla et. Aenean sagittis ante in lectus cursus, non sodales tortor pellentesque. Etiam lobortis quam eu nisi fermentum ultricies. Vestibulum viverra pulvinar enim. Cras commodo velit metus, non ultricies est rutrum sed. Phasellus gravida augue vel imperdiet mattis.