2026, 새로운 도약을 시작합니다.

슬라이더에 stop 이나 play 넣는 방법을 알고 싶어요 채택완료

기존에 사용하는 슬라이더가 있는데

stop이나 play 버튼을 추가하고 싶습니다

도움 부탁드려요 ㅠㅠ

답변 2개

채택된 답변
+20 포인트
Copy


var owl = $('.owl-carousel');

owl.owlCarousel();

// Go to the next item

$('.customStopBtn').click(function() {

    owl.trigger('stop.owl.autoplay');

})

// Go to the previous item

$('.customPlayBtn').click(function() {

    // With optional speed parameter

    // Parameters has to be in square bracket '[]'

    owl.trigger('play.owl.autoplay');

})

 

위처럼 해당 슬라이더에 맞게끔 수정하셔서 사용하시면 됩니다.

자세한 내용은 api 문서 참고하시기 바랍니다.

https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

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

답변에 대한 댓글 1개

정말 감사합니다 ^^

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

일단 어떤 슬라이더를 쓰시는 알려주셔야 답변 가능합니다.

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

답변에 대한 댓글 1개

owl-carousel 입니다 ^^

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

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

로그인
🐛 버그신고