애니빌드.LAB
토론방
슬라이드 멈춤 플레이 기능 문의드립니다.
- 개**자
- 2016-12-02 19:35:39
- hit2959
- http://wdev.anybuild.co.kr/bbs/qna/6489
그룹디자인 프로그램 마법사를 이용하여 슬라이드를 만들고 있습니다.
자동으로 플레이되는 슬라이드에 멈춤, 플레이 기능을 넣고자 커스터마이징하고 있습니다.
프로그램마법사 슬라이드 기능이 owlCarousel 플러그인을 쓰고 있어서,
관련매뉴얼을 찾아 멈춤, 플레이 이벤트를 아래와 같이 넣어봤는데, 기능이 되지 않고 있어 문의 드립니다.
jQuery(function($) {
var owl = $('#owl_{$this_group_code}');
owl.owlCarousel({
margin: 0,
loop: true,
...
})
$(".pause").click(function(e){ //<-- 추가로 넣은 부분
console.log("pause");
e.preventDefault();
owl.trigger('owl.stop');
})
$(".play").click(function(e){//<-- 추가로 넣은 부분
console.log("play");
e.preventDefault();
owl.trigger('owl.play');
})
});
위 코드는 제가 구현한 내용입니다.
참고한 매뉴얼 http://owlgraphic.com/owlcarousel/demos/custom.html
그룹코드 {GROUP_mainslider}
열기 닫기
열기 닫기
해당 클릭시 trigger로 구현을 하고 정지는 stop.owl.autoplay 시작은 play.owl.autoplay 입니다.