swiper 슬라이드 질문있습니다
본문
현재 위처럼 가운데 centerslides가 되어있는데
2개를 가운데하고 양쪽에 쪼끔 삐져나오게하고싶은데 swiper로도 가능할까요?
조언또는관련링크알려주시면 감사하겠습니다.
<div class="InteriorSlide">
<div class="swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<img src="<?php echo G5_THEME_IMG_URL ?>/InteriorSlide1.png">
</li>
<li class="swiper-slide">
<img src="<?php echo G5_THEME_IMG_URL ?>/InteriorSlide2.png">
</li>
<li class="swiper-slide">
<img src="<?php echo G5_THEME_IMG_URL ?>/InteriorSlide3.png">
</li>
<li class="swiper-slide">
<img src="<?php echo G5_THEME_IMG_URL ?>/InteriorSlide4.png">
</li>
</ul>
</div>
</div>
.InteriorSlide{}
.InteriorSlide .swiper-container{}
.InteriorSlide .swiper-wrapper{}
.InteriorSlide .swiper-slide{}
.InteriorSlide .swiper-slide img{}
var InteriorSlide = new Swiper('.InteriorSlide .swiper-container', {
loop: true,
slidesPerView: 2.2,
paginationClickable: false,
centeredSlides: true, // 가운데 슬라이드가 중앙에 위치
spaceBetween: 5,
speed: 1000,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
});
답변을 작성하시기 전에 로그인 해주세요.