jQuery 사이클 슬라이드 개수

Question

현재 Im은 jQuery 용 Cycle이라는 플러그인을 사용하고 있으며 작은 기능을 조정하고 싶지만 실제로는 모릅니다.

예를 들어 jsbin에서 viewed here이 될 수 있습니다.

내가 겪고있는 문제는 실제 슬라이드 인 '카운터'입니다. 현재 구성된 슬라이드의 현재 슬라이드는 페이드가 끝날 때까지 업데이트되지 않습니다. 이것은 "after"콜백 플러그인을 통해 수행됩니다. More of the options are here.

그러나 내가하고 싶은 것은 애니메이션이 시작하자마자 숫자가 바뀌는 곳입니다. 따라서 본질적으로 두 번째 슬라이드 2가 애니메이션에 들어가기 시작합니다. 카운트는 "2/3"이됩니다.

모든 도움을 주시면 감사하겠습니다. 필요한 경우 쿠키를 보냅니다.

Answer 1

이 플러그인을 잘 알고 있지만, 다음과 같은 변경이 당신을 도움이 될 수 없음 :

jQuery(function(){ 

$('#slideshow-container').cycle({ 
    speed: '1200', 
    before: before, 
    timeout: 1200 
    }); 
}); 

started = false; 
function before(curr,next,opts) { 
    var slide = (!started) ? 1 : opts.nextSlide + 1; 

    started = true; 
    var caption1 = '(' + (slide) + ' of ' + opts.slideCount + ')'; 
    $('#count').html(caption1); 
} 

Answer 2

$('#slideshow-container').cycle({ 
    speed: '1200', 
    after: onAfter, 
    timeout: 1200 
    }); 
}); 

function onAfter(curr, next, opts) { 
    var slide; 
    slide = opts.currSlide + 1; 
    var caption1 = (slide) + ' of ' + opts.slideCount; 
    $('#count').html(caption1); 
} 

는이 게시물이 나이하지만, 도움이되었다 나는 약간의 수정을했고이 나를 위해 일을 알고있다.