的JQuery的jCarousel - 禁用外部控制

我使用jQuery和的jCarousel，使用外部導航控件： http://sorgalla.com/projects/jcarousel/examples/static_controls.html 的JQuery的jCarousel - 禁用外部控制

這裏的問題是導航按鈕不再禁用如下所示：

sorgalla.com/項目/的jCarousel /例子/ static_simple.html

有一個回調，我可以用它來讓我換一個按鈕的活動圖像與非活動的形象？

來源

2010-05-04 iltdev

修訂

DEMO：http://jsbin.com/ifomi4/5來源：http://jsbin.com/ifomi4/5/edit

在性反應到你最後評論：

所有你需要（包括CSS）的代碼是在來源，我已評論它，所以你很容易看到！

function disableCustomButtons(carousel){ 

    var prev_class = 'jcarousel-prev-disabled jcarousel-prev-disabled-horizontal'; 
    if (carousel.first == 1) { 
    $('#mycarousel-prev').attr('disabled', 'true').addClass(prev_class); 
    } else { 
    $('#mycarousel-prev').attr('disabled', 'false').removeClass(prev_class); 
    } 

    var next_class = 'jcarousel-next-disabled jcarousel-next-disabled-horizontal'; 
    if (carousel.last == carousel.size()) { 
    $('#mycarousel-next').attr('disabled', 'true').addClass(next_class); 
    } else { 
    $('#mycarousel-next').attr('disabled', 'false').removeClass(next_class); 
    } 

}

DEMO：http://jsbin.com/ifomi4

SOURCE：http://jsbin.com/ifomi4/edit

的tweek包括添加合適的類來自己NEXT & PREV按鈕這樣的：

<a class="jcarousel-prev jcarousel-prev-horizontal" href="#">&nbsp;</a> 

<a class="jcarousel-next jcarousel-next-horizontal" href="#">&nbsp;</a>

最後一點點的CSS都像我們的滑塊

/* SET THE MARGIN AS YOU NEED */ 
    .jcarousel-scroll a { margin: 25px 0 }

這應該按預期工作的中心！但只是看到演示，你知道了，我已經評論了必要的部分！

來源

2010-05-04 13:55:35

奇怪，我試圖添加註釋，但沒有奏效。我會再試一次... 我明白瞭如何禁用內置的導航按鈕，以及如何使用外部控制，即控制列表以外的項目。然而，使用它們的示例http://sorgalla.com/projects/jcarousel/examples/static_controls.html控件一個簡單的超鏈接。我想保留內置按鈕的圖像按鈕導航功能，包括其功能，即在開始和結束時更改爲禁用（灰色）圖像。但是，我需要在列表之外執行此操作 - 因此需要外部控制。 – iltdev 2010-05-06 13:29:01

查看更新並讓我知道！ – 2010-05-06 14:06:04

只要是一個真正的痛苦，有什麼辦法有mycarousel div的未來和prev按鈕之外？這個想法是我有一個內容div被分成頂部的標題div，然後是下面的內容div。我希望控件位於標題div（右對齊）和內容div中的旋轉木馬上。目前這些控件僅在嵌套在mycarousel div中時才起作用。作爲一種變通方法，我放在mycarousel和總結我自己的div容器外部的div。它需要相當多的CSS修改，但最終的結果看起來完全是我想要的:) – iltdev 2010-05-07 11:34:51

的JQuery的jCarousel - 禁用外部控制

回答

相關問題