JQuery JCarousel 다른 이벤트로 자동 스크롤

Question

자동 스크롤 기능이있는 jQuery jCarousel (http://sorgalla.com/projects/jcarousel/examples/static_auto.html)을 사용하고 있습니다. 현재 표시 항목을 표시하는 추가 기능을 포함하고자합니다. 예를 들어 6 개의 항목이있는 경우 오른쪽에서 왼쪽으로 이동할 때 "Display 1/6", "Display 2 of 6"등과 같은 현재 표시 항목을 표시해야하는 다른 div가 있습니다.

내 jCarousel의 다음/이전 링크를 클릭하면 카운트를 증가/감소시킬 수 있습니다. 자동으로 스크롤 할 때도 표시 횟수를 표시하고 싶습니다. 이 기능을 달성하는 방법?

친절하게 도와주세요.

미리 감사드립니다. 당신이해야 할 일은

감사합니다,

Venkatesh K

Answer 1

은 autoscroll 다음 이미지로 스크롤 한 후 위치 하나에 이미지의 인덱스 위치를 얻는 경우에 함수를 실행합니다.

jCarousel

는 autoscroll에 함수를 실행 호출 itemVisibleInCallback 라고 할 수 있습니다. 그리고 우리가에 표시되는 첫 번째 요소를 얻을 수 있습니다

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     auto: 2, 
     wrap: 'last', 
     itemVisibleInCallback: changeNumber 
    }); 
}); 

:

같은 것을 할 것 jCarousel 초기화이 추가

(당신은 jCarousel의 the documentation를 읽어 사물의 이러한 종류를 알 수 있습니다) carouselcarousel.first 요소 호출을 사용하십시오. 따라서

는 :

function changeNumber(carousel){ 
    $("#update").html("The first image in the row is: "+carousel.first); 
}; 

당신은 작업 예를 HERE을 찾을 수 있습니다.

각 그림에 텍스트를 추가하려면이 문을 전환하고 다른 결과를 출력 할 수 있습니다. 예 :

switch (carousel.first) 
{ 
    case 1: $("#update").html("Hello, how are you?");    break; 
    case 4: $("#update").html("I have just been autoscrolled"); break; 
    case 7: $("#update").html("Javascript is pretty awesome"); break; 
    case 8: $("#update").html("Where's my coffee?");    break; 
} 

구현 내용은 HERE입니다.

질문에 대한 답변이 되었기를 바랍니다. 행운을 빕니다!