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>