테스트 사이트 - 개발 중인 베타 버전입니다

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개

채택된 답변
+20 포인트
e
1년 전

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

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

바트컨트롤
1년 전
아하!! 그런방법이!!
2개를 한세트로해서 centerslide먹이면 되겠네요!! 오!! 감사합니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인