Javascript CarouFredSel:页面加载时隐藏上一页(左)按钮
我试图使我的carouFredSel的prev(左)按钮最初隐藏,只有在单击next按钮时才可见。因为我的旋转木马既不是圆形的也不是无限的,所以在页面加载时显示左(prev)按钮是没有意义的 如果你也能帮忙隐藏下一个(右)按钮到达旋转木马的最后一个元素,我将不胜感激。谢谢 我使用的脚本是:Javascript CarouFredSel:页面加载时隐藏上一页(左)按钮,javascript,carousel,caroufredsel,Javascript,Carousel,Caroufredsel,我试图使我的carouFredSel的prev(左)按钮最初隐藏,只有在单击next按钮时才可见。因为我的旋转木马既不是圆形的也不是无限的,所以在页面加载时显示左(prev)按钮是没有意义的 如果你也能帮忙隐藏下一个(右)按钮到达旋转木马的最后一个元素,我将不胜感激。谢谢 我使用的脚本是: $("#models-carousel").carouFredSel({ items: 4, circular: false,
$("#models-carousel").carouFredSel({
items: 4,
circular: false,
infinite: false,
auto : false,
prev : {
button : "#models-carousel_prev",
},
next : {
button : "#models-carousel_next",
},
scroll : {
duration: 1000,
}
});
您应该有一个自动添加的类“disabled”,该类带有旋转木马插件的prev/next按钮:
id="models-carousel_prev" class="disabled"
id="models-carousel_next" class="disabled"
您可以在CSS中轻松使用此类来启用/禁用适当的按钮
在CSS中,只需使用:
#models-carousel_prev.disabled,
#models-carousel_next.disabled{display:none}