我正在使用ui.bootstrap carousel。它工作正常,但我需要一次在幻灯片中显示3张图片,然后逐个滑动。
答案 0 :(得分:0)
我已经从他们的plunker调整了这个例子以满足您的需求。请查看此plunker。
重要的一点是:
<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>
和
$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++
});