How to add more lines to the flexslider carousel?

0

Look at the example below, it is displaying 3 items per slide, I would like to know if you have any flexslider functions or some other way that adds more lines to it, leaving it with 3 rows of 3 items, displaying a total of 9 items per slide.

$(window).load(function() {
  $('#slider-base').flexslider({
    animation: "slide",
    animationLoop: false,
    itemWidth: 205,
    itemMargin: 5,
    move:3
  });
});

var app = angular.module("teste",[]);
app.controller("TesteController", function ($scope){
  $scope.itens = [
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  },
  {
    img: 'https://c1.staticflickr.com/3/2908/14001458791_fcf2e063e1.jpg'
  }
  ];
});
li{
  list-style-type: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script><linkhref="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.3.0/flexslider-min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.3.0/jquery.flexslider-min.js"></script>



<div ng-app="teste" ng-controller="TesteController" class="flexslider" id="slider-base">
  <ul class="slides">
    <li ng-repeat="item in itens">
      <img src="{{item.img}}">
    </li>
  </ul>
</div>
    
asked by anonymous 24.01.2018 / 17:25

0 answers