2010-02-15 3 views
1

건초들, 갤러리의 Cycle 플러그인을 사용하고 있습니다. 플러그인은 화상 표시] 된 후에 실행할 수있는 기능을 갖는다Jquery Cycle 다음 : function help

prevNextClick: function(isNext, zeroBasedSlideIndex, slideElement){ 
    SlideIndex = zeroBasedSlideIndex + 1; 
    $(".count .c").empty().append(SlideIndex); 
}, 
after: function(currSlideElement, nextSlideElement, options, forwardFlag){ 
    console.log(currSlideElement); 
} 

prevNextClick 기능이 표시되어있는 화상 howver 다음 함수 그다지을 결정하는 변수 zeroBasedSlideIndex 갖는다. 내 HTML에 표시 할 수 있도록 요소의 색인을 가져 오려고합니다.

아이디어가 있으십니까?

답변

1

당신은 options.nextSlide를 사용할 수 있습니다

after: function(currSlideElement, nextSlideElement, options, forwardFlag){ 
    $(".count .c").empty().append(options.nextSlide); 
} 
+0

고맙습니다. – dotty

0

당신은 항상 "있는 .index()"jQuery를 함수를 사용하여 요소의 인덱스를 얻을 수 있습니다.

$(currSlideElement).index(); 

을 또는이 작업을 수행하여 다음 요소의 인덱스를 얻을 : 그래서이 경우에는이 작업을 수행하여 현재 인덱스를 얻을 수

$(nextSlideElement).index(); 

인덱스가 다시 전달한다면 그것은 좋은 것입니다 과도한 DOM 횡단을 피하기 위해 "옵션"의 일부로,하지만 그것은 개발자를위한 메모입니다.

는 UPDATE : 자신을 수정 내가이 글을 읽고 적절한 "옵션"을 발견하고있는 동안 코딩하고 있기 때문에 존재합니다 http://jquery.malsup.com/cycle/count.html

:이 계산 데모의 소스를 볼 때

options.currSlide; 
options.nextSlide; 
options.slideCount; 

이 발견 된

하지만 그 중 하나를 사용하여 옵션을 interchangable 것으로 보인다. "$ (currSlideElement) .index()"및 "$ (nextSlideElement) .index()"를 사용하는 코드는 "before"콜백에서 필자의 필요에 따라 더 많이 작동합니다. "options.currSlide"및 "options.nextSlide"컨텍스트에서 예상대로 작동하지 않습니다. 상황과 필요에 따라 실험을 해보겠습니다.