SIR
목록으로
이전글 다음글

스와이퍼 슬라이드 효과 질문입니다 고수님들..!! 채택완료

나쨘도링
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전 조회 1,789
답변 2
목록

3673009239_1725511725.3551.png

이렇게 구현하고 싶은데 

3673009239_1725511751.0798.png

이렇게가 최선입니다 ㅠ 어딜 더 손대야 위에처럼 될 수 있을까요 ??ㅠㅠ

입체적인 걸 빼고 딱 저렇게 기울기? 만 있었으면 좋겠어요 

<script>
    var swiper = new Swiper(".main_con04_sw", {
        slidesPerView: 'auto',
        loop:true,
        loopAdditionalSlides : 1,
        spaceBetween: 75,
        centeredSlides: true,
        speed:1000,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        effect: "coverflow",
        grabCursor: true,
        coverflowEffect: {
            rotate: 45,
            stretch: 0,
            depth: 1,
            modifier: 1,
            slideShadows: true,
        },

    });
</script>

소스 코드입니다

#스와이퍼 #슬라이드 #애니메이션

답변 2개

채택된 답변
+20 포인트
Copy 
var swiper = new Swiper(".main_con04_sw", {

       slidesPerView: 3,

        loop: true,

        centeredSlides: true,

        effect: "creative",

        creativeEffect: {

          perspective: false,

          limitProgress: 2, 

          prev: {

            rotate: [0, 0, -20],

            translate: ["-120%", "20%", 0],

          },

          next: {

            rotate: [0, 0, 20],

            translate: ["120%", "20%", 0],

          },

        },

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

답변에 대한 댓글 1개

감사합니다! 혹시 슬라이드 간에 간격을 넓히려면 어디 손대면 될까요 ?ㅜㅜㅜ

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

spaceBetween: 30,    // 슬라이드 사이 여백
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

안 넓혀집니다! ㅜㅜ

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

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

로그인
🐛 버그신고