jquery - JQuery jCarousel - 禁用外部控件

Question

我正在使用 JQuery 和 jcarousel，使用外部导航控件： http ://sorgalla.com/projects/jcarousel/examples/static_controls.html

这里的问题是导航按钮不再禁用，如下所示：

sorgalla.com/projects/jcarousel/examples/static_simple.html

是否有一个回调可以让我将按钮的活动图像与非活动图像交换？

Answer 1

更新

演示： 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);
    }

}

---

演示：http: //jsbin.com/ifomi4

来源：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 }

这应该按预期工作！但只要看看演示就知道了，我已经评论了重要的部分！