jCarousel next和prev按钮，禁用？

Question

我使用http://sorgalla.com/projects/jcarousel/作为滑块....它一次显示一个图像，总共四个图像...当显示第一个图像时，我不想要上一个箭头是可见的，如果我在4号图像，我不希望下一个箭头可见...

我该怎么做呢？

我像这样初始化脚本：

jQuery(document).ready(function() {
                                jQuery('#mycarousel').jcarousel();
                            });

Answer 1

您可以使用CSS来隐藏箭头。 添加禁用的类由插件本身处理。

.jcarousel-prev-disabled, .jcarousel-next-disabled
{
    visibility:hidden;
}

演示： http ： //jsfiddle.net/ubanC/88/

Answer 2

您可以使用以下两个选项作弊：

1. 使用CSS，您应该覆盖以设置以下类：

    <style> jcarousel-prev-disabled, jcarousel-next-disabled, jcarousel-prev-disabled-horizontal, jcarousel-next-disabled-horizontal{ background-position:0 0; } </style> 

2. 使用Javascript，此解决方案与第一个解决方案相同。 我们应该删除这些类： disable next和previous按钮：

    <script> jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ itemFirstOutCallback: { onBeforeAnimation: function(){ }, onAfterAnimation: function(){ $(".jcarousel-prev").removeClass("jcarousel-prev-disabled"); $(".jcarousel-prev").removeClass("jcarousel-prev-disabled-horizontal"); } }, itemLastOutCallback: { onBeforeAnimation: function(){ }, onAfterAnimation: function(){ $(".jcarousel-next").removeClass("jcarousel-next-disabled"); $(".jcarousel-next").removeClass("jcarousel-next-disabled-horizontal"); } } }); }); </script> 

P / S：我只是尝试阅读它的文档并使用Firebug （即动编辑）进行检测。 如果可以，你可以试试。 很有趣。