我试图让我的 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,
}
});
最佳答案
你应该有一个由 Carousel 插件自动添加的带有上一个/下一个按钮的“禁用”类:
id="models-carousel_prev" class="disabled"
id="models-carousel_next" class="disabled"
您可以轻松地在 CSS 中使用此类来启用/禁用适当的按钮。
在您的 CSS 中,只需使用:
#models-carousel_prev.disabled,
#models-carousel_next.disabled{display:none}
关于javascript - CarouFredSel:页面加载时隐藏上一个(左)按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20927422/