스와이퍼 슬라이드 효과 질문입니다 고수님들..!!
본문
이렇게 구현하고 싶은데
이렇게가 최선입니다 ㅠ 어딜 더 손대야 위에처럼 될 수 있을까요 ??ㅠㅠ
입체적인 걸 빼고 딱 저렇게 기울기? 만 있었으면 좋겠어요
<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
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],
},
},
});
감사합니다! 혹시 슬라이드 간에 간격을 넓히려면 어디 손대면 될까요 ?ㅜㅜㅜ
spaceBetween: 30, // 슬라이드 사이 여백
안 넓혀집니다! ㅜㅜ
답변을 작성하시기 전에 로그인 해주세요.
