loop = {false}, autoplay 기능을 꺼주면 비활성화기능이 적용된다
<Swiper
style={{
"--swiper-pagination-color": "#F7CE4B"
}}
loop={false}
modules={[Navigation]}
navigation={true}
spaceBetween={8}
slidesPerView={2}
onSwiper={(swiper) => console.log(swiper)}
>
<SwiperSlide>
<span className="w-[280px] h-[80px] block bg-red-400"></span>
</SwiperSlide>
<SwiperSlide>
<span className="w-[280px] h-[80px] block bg-blue-400"></span>
</SwiperSlide>
<SwiperSlide>
<span className="w-[280px] h-[80px] block bg-red-400"></span>
</SwiperSlide>
</Swiper>
'프론트엔드 공부 > 라이브러리&프레임워크' 카테고리의 다른 글
bootstrap 활용 (0) | 2021.05.28 |
---|---|
제이쿼리 backtotop 버튼 만들기 (0) | 2021.05.09 |
jquery 부모자식형제요소 선택자 정리 (0) | 2021.05.06 |
jquery 상단 네비 축소하기 (0) | 2021.05.06 |
jquery 스크롤시 네비바 변형 (0) | 2021.05.06 |