0

I am using ui.bootstrap carousel.It's working fine but I need 3 images to show in a slide at a time and then slide one by one.

user3110655
  • 121
  • 3
  • 20
  • Be aware that your plunker is empty. I hope you do not expect of us to implement the task for you. Moreover your question is quite ambiguous. What do you mean by _3 slides to show at a time_? 3 Image pictures on one slide? – Peter_Fretter Sep 23 '16 at 11:08
  • sorry for that. yes 3 image pictures in one slide – user3110655 Sep 23 '16 at 11:11

1 Answers1

0

I've adapted the example from their plunker to match your needs. Please check this plunker.

The important bits are: 

<img ng-src="{{slide.image}}" style="margin:auto;" ng-if="!slide.images">
<div ng-if="slide.images">
      <img src="{{image.url}}" ng-repeat="image in slide.images">
</div>

and

$scope.slides.push({
    images: [
      {
        url: 'https://unsplash.it/600/100'
      },{
        url: 'https://unsplash.it/600/100'
      },{
        url: 'https://unsplash.it/600/100'
      }
    ],
    text: '3 pictures on one slide',
    id: currIndex++
});
Peter_Fretter
  • 1,135
  • 12
  • 20