2013-02-12 1 views
0

세로 형 스크롤러를 설치했습니다.jCarousel은 끝에 새 항목을 계속 추가합니다.

내가 모드에서 "원형"나는 때 neuroflux에 의해 편집] 문제가 발생합니다 -. 말이나 회전 목마의 시작에 도달, 그냥 반복해서 같은 슬라이드를 반복 [/ 편집]

.jcarousel-skin-tango .jcarousel-container { 

     } 

     .jcarousel-skin-tango .jcarousel-direction-rtl { 
      direction: rtl; 
     } 

     .jcarousel-skin-tango .jcarousel-container-horizontal { 
      width: 245px; 
      padding: 20px 40px; 
     } 

     .jcarousel-skin-tango .jcarousel-container-vertical { 
      width: 75px; 
      height: 245px; 
      padding: 40px 20px; 
     } 
     .jcarousel-skin-tango .jcarousel-clip { 
      overflow: hidden; 
     } 

     .jcarousel-skin-tango .jcarousel-clip-horizontal { 
      width: 245px; 
      height: 75px; 
     } 

     .jcarousel-skin-tango .jcarousel-clip-vertical { 
      width: 75px; 
      height: 245px; 
     } 

     .jcarousel-skin-tango .jcarousel-item { 
      width: 75px; 
      height: 75px; 
     } 

     .jcarousel-skin-tango .jcarousel-item-horizontal { 
      margin-left: 0; 
      margin-right: 10px; 
     } 

     .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { 
      margin-left: 10px; 
      margin-right: 0; 
     } 

     .jcarousel-skin-tango .jcarousel-item-vertical { 
      margin-bottom: 10px; 
     } 

     .jcarousel-skin-tango .jcarousel-item-placeholder { 
      background: #fff; 
      color: #000; 
     } 
자바 스크립트

function mycarousel_initCallback(carousel) 
      { 
       // Disable autoscrolling if the user clicks the prev or next button. 
       carousel.buttonNext.bind('click', function() { 
        carousel.startAuto(0); 
       }); 

       carousel.buttonPrev.bind('click', function() { 
        carousel.startAuto(0); 
       }); 

       // Pause autoscrolling if the user moves with the cursor over the clip. 
       carousel.clip.hover(function() { 
        carousel.stopAuto(); 
       }, function() { 
        carousel.startAuto(); 
       }); 
      }; 
      jQuery('#carousel').jcarousel({ 
       auto: 2, 
       wrap: 'circular', 
       vertical: true, 
       initCallback: mycarousel_initCallback 
      }); 

이 그것을 할 이유가 있습니까? 나는 li 항목에 폭과 높이를 추가했지만이

+0

실제 질문은 무엇을하려고 작동하지 않는 이유를 모르겠어요? 제목이 성명을 작성하고 질문 내용에 "작동하지 않습니다"라고 표시됩니다. 어떻게 작동하지 않습니까? 당신은 무엇을하려하고 그 대신에 무슨 일이 일어나고 있습니까? – Sparky

+0

많은 원형 회전 플러그인은 원형 옵션을 사용할 때 항목을 복제하고 끝에 추가합니다. 다시 말하지만, 왜 이것이 문제이고 우리가 그것에 대해 무엇을하기를 바라는 지 설명하십시오. – Sparky

+0

jcarousel의 내부 구현은 @Sparky와 마찬가지로 순환 옵션에서 요소를 복제했습니다. – Satpal

답변

0

이 코드

$('ul#carousel').jcarousel({ 
    auto:true, 
    scroll:1, //this number must less than the number of list item you have 
    visible:2, //this number must less than the number of list item you have 
    vertical: true, 
    wrap: 'last', 
    initCallback: mycarousel_initCallback 
    });