스와이퍼 슬라이드 효과 질문입니다 고수님들..!! 채택완료
http://sir.kr/data/editor/2409/3673009239_1725511725.3551.png" width="100%" />
이렇게 구현하고 싶은데
http://sir.kr/data/editor/2409/3673009239_1725511751.0798.png" width="100%" />
이렇게가 최선입니다 ㅠ 어딜 더 손대야 위에처럼 될 수 있을까요 ??ㅠㅠ
입체적인 걸 빼고 딱 저렇게 기울기? 만 있었으면 좋겠어요
<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개
</p>
<p>var swiper = new Swiper(".main_con04_sw", {</p>
<p> slidesPerView: 3,</p>
<p> loop: true,</p>
<p> centeredSlides: true,</p>
<p> effect: "creative",</p>
<p> creativeEffect: {</p>
<p> perspective: false,</p>
<p> limitProgress: 2, </p>
<p> prev: {</p>
<p> rotate: [0, 0, -20],</p>
<p> translate: ["-120%", "20%", 0],</p>
<p> },</p>
<p> next: {</p>
<p> rotate: [0, 0, 20],</p>
<p> translate: ["120%", "20%", 0],</p>
<p> },</p>
<p> },</p>
<p> });</p>
<p>답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인