如何以離子形式顯示幻燈片中的圖像？

您好我有圖像的陣列如何以離子形式顯示幻燈片中的圖像？

$scope.allimages = [{ 
     'src' : 'img/home1.png' 
    }, { 
     'src' : 'img/home2.png' 
    }, { 
     'src' : 'img/home3.png' 
    },{ 
     'src' : 'img/home4.png' 
    }];

我需要在一個頁面由一個即一個圖像在time.one圖像顯示第二圖像顯示那樣如何後顯示這些圖像30秒我可以這樣做

來源

2015-06-09 Test user

你可以使用ion-slide-box，那麼你需要設置slide-interval到30000更改圖像在30秒內，其默認值爲4秒。

標記

<ion-slide-box slide-interval="30000"> 
    <ion-slide ng-repeat="img in allimages"> 
    <img class="custom-class" ng-src="{{img}}"/> 
    </ion-slide> 
</ion-slide-box>

來源

2015-06-09 08:50:34

感謝您的replay.it作爲滑塊。但我需要顯示第一個圖像，然後需要隱藏，然後需要顯示第二個。不滑 –

爲此，你可以禁用滑塊的動畫..將給你相同的效果。 –

你可以使用離子滑框，那麼你需要幻燈片間隔設置爲30000來改變圖像在30秒內，其默認爲4秒。請嘗試這個

<ion-slide-box auto-play='true' does-continue='true' slide-intervel='30000'> 
    <ion-slide ng-repeat="img in allImages"> 
    <img class="custom-class" ng-src="{{img.src}}"/> 
    </ion-slide> 
</ion-slide-box>

來源

2015-12-09 13:14:27 psundar4u

does-continue ='true'是可選圖像幻燈片循環繼續 – psundar4u

如何以離子形式顯示幻燈片中的圖像？

回答

相關問題