목록으로

swiper 질문 입니다. 채택완료

웹프리죤

프로필 보기 이 회원 글보기 이 회원의 댓글보기

11개월 전 조회 2,325

답변 3

텍스트가 들어가더라도 이런 형태로 나와야 하는데

32936023_1739410903.8839.png

제목 텍스트가 들어가니 이렇게 나오는데 음.. 어떤 팁이 있을까요?

32936023_1739410941.8352.png

각 슬라이드별 썸네일 사이즈가 달라서 슬라이드 width auto 로 해야 각 썸네일 넓이 만큼 영역을 차지하니까 이렇게 해야 하는데 텍스트가 들어가면 밀어버려서 난감하네요. 해결책이 있을까요?

Copy





.swiper-slide { width:auto !important; }



 

var swiper = new Swiper(".snsSwiper", {

        slidesPerView: 'auto',  

        //freeMode: true,

        spaceBetween: 22,

        navigation: {

            nextEl: ".section_sns .btn-next",

            prevEl: ".section_sns .btn-prev",

        },

        autoplay: {

            delay: 4000,

            desableOnInteraction: false,

        },

        loop: true,

        speed : 500,

    });

#swiper #스와이프 #슬라이드