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,
    },
});