Home > AI > Frontend > Swiper >

EffectFade

// import Swiper core and required modules
import SwiperCore, { Navigation, Pagination, Scrollbar, A11y, Autoplay, EffectFade } from 'swiper';

// import style
import 'swiper/components/effect-fade/effect-fade.scss';

// install Swiper modules
SwiperCore.use([Navigation, Pagination, Scrollbar, A11y, Autoplay, EffectFade]);


// set 
<Swiper
      spaceBetween={0}
      effect = {"fade"}
      slidesPerView={1}
      navigation
      pagination={{ 
        clickable: true, 
        dynamicBullets: true
      }}
      onSwiper={(swiper) => console.log(swiper)}
      onSlideChange={() => console.log('slide change')}
      autoplay = {true}
      speed = {1000}
      loop = {true}
    >

Leave a Reply