的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 - 禁用外部控制

回答

相关问题