Как отображать изображение как слайд в ионном?

Question

привет у меня есть массив изображений

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

мне нужно, чтобы отобразить это изображение на странице один на один то есть один изображение на дисплее time.one изображений в течение 30 секунд после того, как второе изображение показывает, как этот Как могу ли я это сделать

Answer 1

Вы можете использовать ion-slide-box, тогда вам необходимо установить slide-interval в 30000, чтобы изменить изображение за 30 секунд, его значение по умолчанию - 4 секунды.

Markup

<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> 

Answer 2

Вы можете использовать ионно-слайд-бокс, то вам необходимо установить слайд-интервал до 30000, чтобы изменить изображение в течение 30 секунд, его значение по умолчанию 4 секунд. TRY THIS

<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>