2014-03-19 4 views
1

페이저가 포함 된 간단한 cycle2 슬라이드 쇼가 있습니다. 슬라이드 쇼는 자동으로 진행됩니다 (예 : speedtimeout). 내가 원하는 것은 사용자가 호출기에서 링크를 클릭하면 슬라이드 쇼가 "수동"(자동 전환이 중지됨)이되고 그 지점에서 호출기가 단독으로 제어 할 수 있다는 것입니다. cycle2 API documentation에는 목적을 달성 할 수있는 'continueAuto'옵션이 있다고 나와 있습니다. 나는 (페이저에있는 링크를 클릭시) 예상대로jQuery cycle2 및 'continueAuto'

$('#fp_slideshow').on('cycle-pager-activated', function(event, opts) { 
    $('#fp_slideshow').cycle({continueAuto: false}); 
}); 

이벤트가 호출되는,하지만 cycle({continueAuto: false})를 호출하면 아무것도하지 않고 슬라이드 쇼가 indefinetely에 간다 : 그래서 나는이 같은 cycle-pager-activated 이벤트 핸들러를했다. 내가 뭘 잘못하고 있니?

+0

. 나는 또한 아무 쓸모없는 중지 명령을 시도했다. – jkinz

답변

0

이 경우에는 pause command이 더 잘 작동 할 수 있습니다. cycle-pager-activated 이벤트를 사용해 보았지만 일관되게 작동하지 못해 대신 클릭 핸들러를 호출기 링크에 직접 연결했습니다.

var $fp_slideshow = $('#fp_slideshow'); 

$fp_slideshow.cycle({ 
    pager: '#fp_slideshow_pager', 
    pagerTemplate: '<li><a href="">Slide {{slideNum}}</a></li>' 
}); 

$('a', '#fp_slideshow_pager').on('click', function() { 
    $fp_slideshow.cycle('pause'); 
}); 

을 그리고 여기에 바이올린입니다 : 다음은 자바 스크립트의 나뿐만 아니라이에 대한 답변을보고 싶어요 http://jsfiddle.net/N43KH/1/