jCarouselLite 플러그인이 예상대로 작동하지 않습니다.

Question

이 문제는 저를 괴롭 히고 있습니다. 나는 수년 동안 jCarouselLite를 사용 해왔고 Ganeshji Marwaha가 발표 한 원본 라이브러리에 "fade"기능을 추가했습니다. 최근에 the new plug-in으로 바뀌 었습니다. 아직 지원 중이며 터치 이벤트를 사용하기 때문에 응답 할 수 있습니다. 그러나 나는 그것을 사용하는 데 운이 없었습니다.

나는 거의 바보 같은 짓을하고 있지만, 무엇을 알 수없는 것은 ...이 홈페이지 구현으로 누구나 신선한 눈으로 바라 볼 수 있습니까?

http://staging.tbc1927.com/www/

여기 구현은 응답하지,하지만 난 슬쩍 지원하고 싶습니다.

$().ready(function() { 
    $(".homecarousel").jCarouselLite({ 
    visible: 1, 
    auto: 12000, 
    speed: 800, 
    responsive: false, 
    swipe: true, 
    circular: true, 
    btnNext: ".next", 
    btnPrev: ".previous" 
    }); 
}); 

CSS는 간단하고 무겁게 들여다 보겠습니다. 내가 사용하고있는 jQuery는 권장 사항 (1.7.2)과 동일하지만 운이 좋지 않은 최신 버전 (1.8)을 사용하고 있습니다.

캐 러셀이 처음로드 될 때 첫 번째 슬라이드는 정상입니다. 그리고 나서 그것은 사라져 버리고, 전체 회전 목마가 페이지에서 벗어나 위치하게됩니다. 회전식 캐 러셀이 길어질수록 더 많은 페이지가 위치합니다.

무엇이 누락 되었습니까?

Answer 1

플러그인 작성자가 나를 도왔습니다. 플러그 인이 "자동"옵션을 부울 값으로 변경했으며 "12000"값이 제거되었습니다. 애니메이션 지연을 설정하기 위해 이제 플러그인은 "timeout"이라는 매개 변수를 사용합니다. 올바른 구현 스크립트는 다음과 같아야합니다.

$().ready(function() { 
    $(".homecarousel").jCarouselLite({ 
    visible: 1, 
    auto: true, 
    timeout: 12000, 
    speed: 800, 
    responsive: false, 
    swipe: true, 
    circular: true, 
    btnNext: ".next", 
    btnPrev: ".previous" 
    }); 
});