Is there a way to prevent slideTo in loop mode initialization?

[allenOrangeXu]

Hello:

I'm working on Swiper React component in loop mode, and I want to add some transition effect when scrolling, my thought is that I can add some CSS like this:

.swiper-slide {
  opacity: 0;
  transition: opacity 1s ease-in
}

.swiper-slide-active {
  opacity: 1;
}

but I found that swiper also calls slideTo(xxx) during init(), which will introduce an extra transition when first load. Which I'd like to prevent.

I then think about adding an extra class to each element after initialization to allow transition, and I try something like

<Swiper
  loop=true
  autoplay=true
  onAfterInit = swiper => {swiper.slideClass = 'allow-transition'; swiper.update()}
/>

, yet then it set swiper.slides to empty array. Also, the update function seems to call slideTo() as well.

I wonder if there's any elegant way to address this? I just want to avoid any transition/animation upon Swiper initialization. Thanks ahead!