Question

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

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

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

我是否可以使用回调来允许我将按钮的活动图像与非活动图像交换？

Answer 1

<强>已更新

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

消息来源：http://jsbin.com/ifomi4/edit

该tweek包括为您自己的NEXT＆amp;添加适当的课程。这样的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 }

这应该按预期工作！但只是看看演示，你得到了它，我评论了必要的部分！

JQuery jCarousel - 禁用外部控件

1 个答案: