please find multi item carousel plunker for AngularJs UI bootstrap carousel
plunker <http://plnkr.co/edit/husdVRtelASNTKQumrIm?p=preview>.
<carousel interval="myInterval">
<slide ng-repeat="slide in slides" active="slide.active">
<div class="" style="width:600px;margin:auto;">
<div >
<img ng-src="{{slide.image}}" width="200px" style="float:left;">
<br> {{$index}}
</div>
<div >
<img ng-src="{{slides[getSecondIndex($index+1)].image}}" width="200px"
style="float:left;" >
</div>
<div >
<img ng-src="{{slides[getSecondIndex($index+2)].image}}" width="200px"
style="float:left;" >
</div>
</div>
</slide>
</carousel>
In the above html when the first element index is equal to 2, I want right
carousel control to be disabled, i.e. no wrap feature has to be applied.
i.e., In the following location, when the index becomes 2, I want no wrap
and right carousel control disable to happen. Can any help me how to do it?
<div >
<img ng-src="{{slide.image}}" width="200px" style="float:left;"> <br>
{{$index}}
</div>
Regards,
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
