CarouFredSel:页面加载时隐藏上一个(左)按钮

Question

我试图使我的carouFredSel的上一个（左）按钮最初隐藏，并且只有在单击下一个按钮时才可见。由于我的轮播既不是圆形也不是无限的，因此在页面加载时显示左（上一个）按钮是没有意义的。

如果您也能帮助隐藏下一个（右）按钮以到达轮播中的最后一个元素，我将不胜感激。谢谢。

我正在使用的脚本是：

$("#models-carousel").carouFredSel({
                    items: 4,
                    circular: false,
                    infinite: false,
                    auto    : false,
                    prev    : { 
                        button  : "#models-carousel_prev",
                    },
                    next    : { 
                        button  : "#models-carousel_next",
                    },
                    scroll : {
                        duration: 1000,                        
                    }
                });

Answer 1

您应该有一个自动添加的类"禁用"，其中包含轮播插件的上一个/下一个按钮：

id="models-carousel_prev" class="disabled"
id="models-carousel_next" class="disabled"

您可以在 CSS 中轻松使用此类来启用/禁用正确的按钮。

在你的CSS中，只需使用：

#models-carousel_prev.disabled,
#models-carousel_next.disabled{display:none}