2017-12-06 22 views
4

イオン3画像スライダ自動再生はうまく動作しますが、手動で画像をスライドさせると自動再生が停止します。以下は私のイオン3コードです。私は本当にここで立ち往生しています。..イオン3画像スライダ手動停止後の自動再生

slideData = [{ image: "../../assets/img1.jpg" },{ image: "../../assets/img2.jpg" },{ image: "../../assets/img3.jpg" }] 

htmlコードは以下の通りです

<ion-slides class="slide-css" autoplay="100" loop="true" speed="100" pager="true" autoplayDisableOnInteraction = "false"> 
    <ion-slide *ngFor="let slide of slideData"> 
    <img src="{{slide.image}}" /> 
    </ion-slide> 
    </ion-slides> 

答えて

5

更新:

import { Component, ViewChild } from '@angular/core'; 
import { IonicPage, NavController, NavParams, Slides } from 'ionic-angular'; 

@ViewChild(Slides) slides: Slides; 

constructor(private navCtrl: NavController, private navParams: NavParams) { 
    } 

    ionViewDidEnter() { 
    this.slides.autoplayDisableOnInteraction = false; 
    } 
:あなたはこのようにそれを使用する必要が

注:htmlページで削除する必要があります。

旧回答:以下に示すように

あなたはautoplayDisableOnInteraction = "false"を使用することができます。偽と自動再生へ

<ion-slides class="slide-css" autoplay="100" loop="true" speed="100" 
       pager="true" autoplayDisableOnInteraction = "false"> 

    </ion-slides> 

See how it implements on Ionic

Swiper API

disableOnInteractionブールtrueセット は、ユーザーとの対話(スワイプ)した後に無効にされることはありません、それが相互作用

後 たびに再起動されます
+1

ニース!私はその属性を知らなかった。ありがとう! :) – sebaferreras

+0

ありがとう! @sebaferreras – Sampath

+0

まだ成功していません....... –

関連する問題