j購買下一個和上一個按鈕，禁用？

Question

im使用http://sorgalla.com/projects/jcarousel/作爲滑塊.... 它顯示在一個時間的一個圖像，和總共四個圖像...當顯示第一圖像時，我不想的分組箭頭是可見的，並且如果相同的即時通訊在第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

您可以通過使用兩個下列選項中作弊：

1. 使用CSS，你應該重寫設置一些下面類：

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

2. 使用Javascript，該解決方案與第一個相同。我們應該刪除類：disable爲next和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（飛〜編輯）來檢測。如果可以的話，你可以試試。好有趣。