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

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

QA

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

답변 2

본문

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

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

 

도움 부탁드려요 ㅠㅠ

이 질문에 댓글 쓰기 :

답변 2


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

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 85
© SIRSOFT
현재 페이지 제일 처음으로