Quantcast
Channel: Ionic Forum - Latest topics
Viewing all articles
Browse latest Browse all 71531

Ionic slide skip the some slide after manual swipe

$
0
0

@murugan wrote:

 <ion-slides #mySlides [options]="slideOptions" loop="true" pager="true"  autoplay="3000" color="dark" (ionSlideDidChange)="ionSlideDidChange($event)" *ngIf="(banner_Images.length > 0 && footerShown)"  class="wrapper">
    <ion-slide (click)="advDetail(banner)" *ngFor="let banner of banner_Images; let i = index ">
      <div class="splash-in">
        <!-- <img src="{{banner.image}}" alt="Logo" style="height: 100%; width: 100%;"  /> -->
        <img style="height:100%; width: 100%; display: inline-block !important"src="{{banner.image}}" alt="Logo"   />
      </div>
    </ion-slide>
  </ion-slides>

When user swipe maunally ionic slide start with autoplay and skip oneslides and repeat the other slides.Please try to help resolve the issue.

@ViewChild('mySlides') Slides: Slides;
  ionViewDidEnter() {
    this.Slides.slideNext();
}
  ionSlideDidChange(event) { 
    console.log("ionSlideDidChange------.------>>realIndex", this.Slides.realIndex)
    // setTimeout(() => {
    //     this.Slides.slideNext();
    // }, 4000)
    this.Slides.startAutoplay();
}

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 71531

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>