jquery 회전식 자동 스크롤 (텍스트 및 이미지 포함)

Question

jquery 회전식을 사용하고 있는데 이미지가 자동으로 회전합니다 (http://jsbin.com/unoce/2). 왼쪽에있는 내용이 AUTO가 아닌 " 이미지와 화살표 선택도하지 않습니다. 왼쪽의 내용을 클릭하면 오른쪽 그림이 화살표와 함께 적절히 움직일 때만 작동합니다.

이미지와 함께 텍스트와 화살표가 "자동"회전되도록 지원할 수 있습니까?

다음이 코드는 이미지와 다른 아무것도를 회전 할

... 여기

jQuery(document).ready(function() { 
    jQuery("#features").jcarousel({ 
    scroll: 1, 
    auto:2, 
    wrap: 'both', 
    initCallback: mycarousel_initCallback, 
    buttonNextHTML: null, 
    buttonPrevHTML: null 
    }); 
}); 

데모 그리고 당신도이 데모를 편집 할 수 있습니다 http://jsbin.com/unoce/2

이

주셔서 감사합니다

에반

Answer 1

이것 좀 봐 : 당신은 jQuery를 이전 버전 (1.3.2)를 사용하는

http://jsbin.com/unoce/7/edit

• . 현재 1.4.2이므로 jsBin에서 jQuery의 Google 호스팅 버전을 사용하도록 전환했습니다.

• 이것은 문제의 일부는 아니지만 몇 가지 코드를 통합했습니다. $(document).ready() 번으로 전화가 왔습니다. 이것은 나쁘지 않지만 필요하지 않습니다. 코드를 ready() 호출로 통합했습니다.

• 2 개의 클릭 핸들러를 지정했습니다. 다시 말하지만, 이것은 괜찮지 만 불필요합니다. 두 코드의 코드를 initCallback 속성의 콜백에 넣었습니다.

• initCallback은 처음에는 한 번만 호출됩니다. 그래서 current 클래스가 자동 업데이트 될 때 업데이트되지 않는 이유입니다.

jCarousel에는 많은 다른 콜백 옵션이 있습니다. 하나는 itemVisibleInCallback입니다. 내가 제거하고 current 클래스를 추가하는 처리했다 어디 그

itemVisibleInCallback: { 
     // This one is called before new item is displayed 
    onBeforeAnimation: mycarousel_itemVisibleBefore, 

     // This one is called after new item is displayed 
    onAfterAnimation: mycarousel_itemVisibleAfter 
} 

: 사실은이 콜백을 취할 수있는 개체를합니다. 회전 목마, 항목, IDX, 주

나는 item 매개 변수는 항목이 스크롤되는 참조 듯 때문에 #features-nav에서 적절한 항목을 참조하기 위해 idx 매개 변수를 사용했다 :

그 콜백은 네 개의 매개 변수를 가질 수 있습니다.

어쨌든 도움이되기를 바랍니다.