swiper 슬라이드 질문있습니다 채택완료
바트컨트롤
1년 전
조회 4,396
현재 위처럼 가운데 centerslides가 되어있는데
2개를 가운데하고 양쪽에 쪼끔 삐져나오게하고싶은데 swiper로도 가능할까요?
조언또는관련링크알려주시면 감사하겠습니다.
</p>
<p> <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></p>
<p> </p>
<p>.InteriorSlide{}
.InteriorSlide .swiper-container{}
.InteriorSlide .swiper-wrapper{}
.InteriorSlide .swiper-slide{}
.InteriorSlide .swiper-slide img{}</p>
<p> </p>
<p>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,
},
});</p>
<p>http://sir.kr/data/editor/2409/1846272527_1727158611.7356.png" width="100%" />
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인
2개를 한세트로해서 centerslide먹이면 되겠네요!! 오!! 감사합니다