Comment utiliser owl carousel verticalement?

Je n'ai pas envie de prendre le code du plugin, donc je me demandais si quelqu'un avait déjà réussi à utiliser le plugin verticalement. C'est une honte de la part de ce plugin peut être utilisé à l'horizontale.
Désolé pour le langage...

InformationsquelleAutor user3822650 | 2014-08-01
  1. 5

    Ici est un CodePen qui permet de résoudre ce:

    http://codepen.io/dapinitial/pen/xZaRqz

    $(".owl-carousel").owlCarousel({
  loop: true,
  autoplay: true,
  items: 1,
  nav: true,
  autoplayHoverPause: true,
  animateOut: 'slideOutUp',
  animateIn: 'slideInUp'
});
    InformationsquelleAutor dapinitial
  2. 3

    L'égard de la 2.0 beta est actuellement pas possible de glisser verticalement. Cependant, la complexité a été réduite de manière significative par le refactoring et de l'architecture du plugin pour faire de la place pour plus de fonctionnalités. Cette comprend en particulier une API avec laquelle les divers effets d'animation peut être décomposé en différents animation des fournisseurs. Ainsi, un glissement vertical serait certainement possible. Toutefois, la fonctionnalité est ambitieux et il y a quelques problèmes à résoudre. Ici, c'est le courant feuille de route.

    InformationsquelleAutor witrin
  3. 2

    Vous pouviez faire tourner le carrousel et de la faire pivoter les objets, comme ceci:

    <div class="owl-carousel owl-theme">
  <img class="item" src="http://placehold.it/320x240?text=Slide%200">
  <img class="item" src="http://placehold.it/320x240?text=Slide%201">
  <img class="item" src="http://placehold.it/320x240?text=Slide%202">
  <img class="item" src="http://placehold.it/320x240?text=Slide%203">
  <img class="item" src="http://placehold.it/320x240?text=Slide%204">
  <img class="item" src="http://placehold.it/320x240?text=Slide%205">
  <img class="item" src="http://placehold.it/320x240?text=Slide%206">
  <img class="item" src="http://placehold.it/320x240?text=Slide%207">
</div>

//CSS ______________

.owl-carousel{
   transform: rotate(90deg);
   width: 270px; 
   margin-top:100px;
 } 
.item{
   transform: rotate(-90deg);
 }
.owl-carousel .owl-nav{
   display: flex;
   justify-content: space-between;
   position: absolute;
   width: 100%;
   top: calc(50% - 33px);
 }
div.owl-carousel .owl-nav .owl-prev, div.owl-carousel .owl-nav .owl-next{
    font-size:36px;
    top:unset;
    bottom: 15px; 
}



/* JS ____________*/
$( document ).ready(function() {
    $(".owl-carousel").owlCarousel({
         items: 3,
         loop: false,
         mouseDrag: false,
         touchDrag: false,
         pullDrag: false,
         rewind: true,
         autoplay: true,
         margin: 0,
         nav: true
     });
});

    Vérifier cela, un codepen : https://codepen.io/marcogu00/pen/eLeWMq

    Avis que le glisser-doit être désactivé comme il l'habitude de fonctionner correctement

    InformationsquelleAutor Marco Gutierrez