Highlight middle item on aarrow click and slide

[Vishnu-Priya-M]

Hi,

Is it possible to add custom css to make the middle item highlight in the 3 grid list . Need the middle item highlight all the time( While cliking on arrows and sliding)

Thanks,
Vishnu Priya

[sheikalthaf]

In your html

<ngx-carousel
      [inputs]="carouselBanner"
      [moveToSlide]="2"
      (onMove)="onmoveFn($event)"
      (carouselLoad)="loadItemsFn()"
      (afterCarouselViewed)="afterCarouselViewedFn($event)">
</ngx-carousel>


In your typescript

/* It will be triggered on every slide*/
  onmoveFn(data: NgxCarouselStore) {
    console.log(data);
    data.visibleItems.start
    data.visibleItems.end
    //based on the start and end find the middle item and add your class
  }
‘‘‘