jCarousel 下一个和上一个按钮，禁用吗？

发布于 2024-12-01 21:03:13 字数 395 浏览 0 评论 0原文

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

我该怎么做？

我这样初始化脚本：

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

原文

Im using http://sorgalla.com/projects/jcarousel/ as a slider....
It shows one image at a time, and a total of four images... When displaying the first image, i dont want the prev arrow to be visible, and the same if im at number 4 image, i dont want the next arrow to be visible...

How do i do this?

I initialize the script like this:

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

喜爱纠缠 2024-12-08 21:03:13

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

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

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

You can use CSS to hide the arrows. Adding the disabled classes is handled by the plugin itself.

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

Demo: http://jsfiddle.net/ubanC/88/

回复收藏 0 原文

时间海 2024-12-08 21:03:13

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

使用CSS，您应该覆盖以设置以下一些类：
<前><代码><样式>
jcarousel-prev-已禁用，
jcarousel-下一个-禁用，
jcarousel-prev-disabled-horizontal，
jcarousel-下一个-禁用-水平{
背景位置：0 0；
}
使用 Javascript，此解决方案与第一个解决方案相同。我们应该删除类：disable for next 和 previous 按钮：
<前><代码><脚本>;
jQuery(文档).ready(函数() {
jQuery('#mycarousel').jcarousel({
项目首先输出回调：{
onBeforeAnimation：函数（）{
},
onAfterAnimation：函数（）{
$(".jcarousel-prev").removeClass("jcarousel-prev-disabled");
$(".jcarousel-prev").removeClass("jcarousel-prev-disabled-horizontal");
}
},
项目最后输出回调：{
onBeforeAnimation：函数（）{
},
onAfterAnimation：函数（）{
$(".jcarousel-next").removeClass("jcarousel-next-disabled");
$(".jcarousel-next").removeClass("jcarousel-next-disabled-horizontal");
}
}
});
});

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

You can cheat by using two below options:

Using CSS,you should override to set some below classes:

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

Using Javascript, this solution is same as the first. We should remove the classes: disable for next and previous buttons:

<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: I just try to read it's document and use Firebug(~Edit on the fly) to detect. If you could, you can try. It's fun.

回复收藏 0 原文

~没有更多了~