Как сделать карусель из нескольких картинок?

Question

[Максим]

Используется фреймворк mean.js, реализована карусель с одним слайдом,
вот код view

<uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
				<uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
					<img ng-src="{{slide.image}}" style="margin:auto;">
				</uib-slide>
			</uib-carousel>

код контролера

angular.module('core').controller('HomeController', ['$scope', 'Authentication',
  function ($scope, Authentication) {
    // This provides Authentication context.
    $scope.authentication = Authentication;

    $scope.myInterval = 1500;
    $scope.noWrapSlides = false;
    var slides = $scope.slides = [];
    var currIndex = 0;

    for (var i = 1; i < 4; i++) {
      slides.push({
        image: '/modules/core/client/img/sliders/'+i+'.jpg',
        id: currIndex++
      });
    }
  }
]);

Вопрос в том, как мне сделать её по типу этого примера ?
пример

Answer 1

[Максим]

Може кому пригодится, решил следующим образом

view

<uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
					<uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
						<div ng-if="slide.id==slides.length-2">
							<img ng-src="{{slide.image}}">
							<img ng-src="{{slides[$index+1].image}}">
							<div class="imgg"></div>
						</div>
						<div ng-if="slide.id==slides.length-1">
							<img ng-src="{{slide.image}}">
							<div class="imgg"></div>
							<div class="imgg"></div>
						</div>
						<div ng-if="(slide.id != slides.length-1) && (slide.id != slides.length-2)">
							<img ng-src="{{slide.image}}">
							<img ng-src="{{slides[$index+1].image}}">
							<img ng-src="{{slides[$index+2].image}}">
						</div>
					</uib-slide>
				</uib-carousel>