다음 및 이전 단추를 클릭하고 사용하지 않으시겠습니까?

Question

Im http://sorgalla.com/projects/jcarousel/ 슬라이더로 사용 : 한 번에 하나의 이미지와 총 네 개의 이미지를 보여줍니다 ... 첫 번째 이미지를 표시 할 때 이전 화살표를 표시하고 싶지 않고 if 번호 4 이미지에서 메신저, 나는 그 다음 화살표가 보이길 원하지 않는다. ...

어떻게해야합니까?

내가 같이 스크립트를 초기화 :

jQuery(document).ready(function() { 
           jQuery('#mycarousel').jcarousel(); 
          }); 

Answer 1

CSS를 사용하여 화살표를 숨길 수 있습니다. 비활성화 된 클래스를 추가하는 작업은 플러그인 자체에서 처리합니다.

.jcarousel-prev-disabled, .jcarousel-next-disabled 
{ 
    visibility:hidden; 
} 

데모 : http://jsfiddle.net/ubanC/88/이 선택한 답이 아닌 이유

Answer 2

당신은 옵션 아래에 두 개의 사용하여 부정 행위를 할 수

<style> 
jcarousel-prev-disabled, 
jcarousel-next-disabled, 
jcarousel-prev-disabled-horizontal, 
jcarousel-next-disabled-horizontal{ 
    background-position:0 0; 
} 
</style>  

: CSS를 사용

1. 을, 당신은 클래스 아래 몇 가지를 설정 오버라이드 (override)

2. 자바 스크립트를 사용하면이 해결 방법은 첫 번째 방법과 같습니다. 우리는 클래스를 제거해야합니다 : disablenext 및 previous 버튼에 :

   <script> 
   jQuery(document).ready(function() { 
       jQuery('#mycarousel').jcarousel({ 
        itemFirstOutCallback: { 
         onBeforeAnimation: function(){ 
   
         }, 
         onAfterAnimation: function(){ 
          $(".jcarousel-prev").removeClass("jcarousel-prev-disabled"); 
          $(".jcarousel-prev").removeClass("jcarousel-prev-disabled-horizontal"); 
         } 
        }, 
        itemLastOutCallback: { 
         onBeforeAnimation: function(){ 
   
         }, 
         onAfterAnimation: function(){ 
          $(".jcarousel-next").removeClass("jcarousel-next-disabled"); 
          $(".jcarousel-next").removeClass("jcarousel-next-disabled-horizontal"); 
         } 
        } 
       }); 
   }); 
   </script> 
   

P/S를 : 나는 단지 그것의 문서를 읽고 감지 Firebug (즉시 ~ 편집)를 사용하려고합니다. 가능한 경우 시도해보십시오. 재미 있습니다.