JQuery jCarousel-禁用外部控件
我使用JQuery和jcarousel,使用外部导航控件: 这里的问题是导航按钮不再禁用,如下所示: sorgalla.com/projects/jcarousel/examples/static_simple.htmlJQuery jCarousel-禁用外部控件,jquery,list,jcarousel,carousel,Jquery,List,Jcarousel,Carousel,我使用JQuery和jcarousel,使用外部导航控件: 这里的问题是导航按钮不再禁用,如下所示: sorgalla.com/projects/jcarousel/examples/static_simple.html 是否有一个回调允许我将按钮的活动图像与非活动图像交换?已更新 演示:来源: 作为对您上次评论的回应: 您需要的所有代码(包括CSS)都在源代码中,我已经对其进行了注释,以便您轻松查看 function disableCustomButtons(carousel){
是否有一个回调允许我将按钮的活动图像与非活动图像交换?已更新 演示:来源: 作为对您上次评论的回应: 您需要的所有代码(包括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);
}
}
演示: 来源: tweek包括向您自己的
NEXT
和PREV
按钮添加适当的类,如下所示:
<a class="jcarousel-prev jcarousel-prev-horizontal" href="#"> </a>
<a class="jcarousel-next jcarousel-next-horizontal" href="#"> </a>
这应该是预期的工作!但只要看看演示,你就明白了,我已经评论了重要的部分 更新 演示:来源: 作为对您上次评论的回应: 您需要的所有代码(包括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);
}
}
演示: 来源: tweek包括向您自己的
NEXT
和PREV
按钮添加适当的类,如下所示:
<a class="jcarousel-prev jcarousel-prev-horizontal" href="#"> </a>
<a class="jcarousel-next jcarousel-next-horizontal" href="#"> </a>
这应该是预期的工作!但只要看看演示,你就明白了,我已经评论了重要的部分 奇怪的是,我试图添加一条评论,但没有成功。我会再试一次。。。我了解如何禁用内置导航按钮以及如何使用外部控件,即列表之外的控件。然而,以他们的例子来说,控件只是一个超链接。我希望保留内置按钮的图像按钮导航,包括其功能,即在开始和结束时更改为禁用(灰显)图像。然而,我需要在列表之外做这件事——因此需要外部控制。真的很痛苦,有没有办法让下一个和上一个按钮在mycarousel div之外?我的想法是我有一个内容div,在顶部分为一个标题div,然后在下面分为一个内容div。我希望控件位于title div(右对齐)和content div中的carousel中。目前,控件仅在嵌套在mycarousel div中时才起作用。作为一种解决方法,我已将mycarousel和wrap div放置在我自己的div容器之外。它需要相当多的css修改,但最终的结果看起来正是我想要的:)奇怪的是,我试图添加一条评论,但它没有工作。我会再试一次。。。我了解如何禁用内置导航按钮以及如何使用外部控件,即列表之外的控件。然而,以他们的例子来说,控件只是一个超链接。我希望保留内置按钮的图像按钮导航,包括其功能,即在开始和结束时更改为禁用(灰显)图像。然而,我需要在列表之外做这件事——因此需要外部控制。真的很痛苦,有没有办法让下一个和上一个按钮在mycarousel div之外?我的想法是我有一个内容div,在顶部分为一个标题div,然后在下面分为一个内容div。我希望控件位于title div(右对齐)和content div中的carousel中。目前,控件仅在嵌套在mycarousel div中时才起作用。作为一种解决方法,我已将mycarousel和wrap div放置在我自己的div容器之外。它需要相当多的css修改,但最终结果看起来正是我想要的:)