swiper 커버플로우 이펙트 질문 드립니다.
본문
<script>
var swiper = new Swiper('.swiper-container.swiper2', {
loop: true,
effect: 'coverflow',
grabCursor: true,
centeredSlides: true,
slidesPerView: 'auto',
speed: 2000,
coverflowEffect: {
rotate: 30,
stretch: 0,
depth: 200,
modifier: 1,
slideShadows: false,
},
autoplay: {
delay: 2000,
disableOnInteraction:false,
},
});
</script>
이렇게 작성해서 동작이 되는 상태인데, 마우스로 잡아끌면 배열이 깨져서 노출이 됩니다 ㅠㅠ
오토플레이는 정상적으로 커버플로우로 동작이 잘 되는데 아래 이미지처럼 마우스로 끌어잡을시 배열이 꺠져버려서요 ㅠㅠ 고수님들의 조언 부탁드립니다 ㅠ
오토플레이는 정상적으로 이렇게 작동이 되는데,
마우스로 끌어 놓으면
이렇게 노출이 됩니다 ㅠ
마우스로 끌어당길시 배열이 저렇게 안깨지고 다음껄로 나와야 정상인데 저렇게 노출이 되는 상태여서요 ㅠ