swiper 슬라이드 질문있습니다

swiper 슬라이드 질문있습니다

QA

swiper 슬라이드 질문있습니다

답변 1

본문

 

현재 위처럼 가운데 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,
    },
});

1846272527_1727158611.7356.png

이 질문에 댓글 쓰기 :

답변 1

슬라이더 하나에 이미지를 2개씩 넣는건 어떠세요?

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 2,661
© SIRSOFT
현재 페이지 제일 처음으로