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

iplaying

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2019-05-09 (목) 10:22:44 2,529

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

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

도움 부탁드려요 ㅠㅠ

슬라이더 제어 play

답변 2개 / 댓글 2개

채택된 답변

+20 포인트

잉끼s

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2019-05-09 (목) 11:38:08

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