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

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

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

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

使用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（动态编辑）来检测。如果可以，你可以试试。这很有趣。

jCarousel next和prev按钮，禁用？

2 个答案: