Ennui的内容滑块:如何保持导航箭头可见

时间:2012-09-05 14:41:53

标签: jquery css

我最近一直在使用Ennui's Content Slider,因为它易于使用和编辑。

我无法弄清楚如何在最初和整个幻灯片放映时使左手箭头出现,当你到幻灯片放映结束时,右手箭头保持可见。

2 个答案:

答案 0 :(得分:0)

您可以添加

.cs_leftBtn, .cs_rightBtn {
    display: block !important;
    opacity: 1 !important;
}

但问题是,如果用户点击幻灯片开头的左箭头或最后的右箭头,幻灯片将不再起作用,直到页面刷新为止。

答案 1 :(得分:0)

您也可以删除

if(b.attr('class')=='cs_leftBtn') {
    var thisBtn = $('#'+thisInstance+' .cs_leftBtn');
    var otherBtn = $('#'+thisInstance+' .cs_rightBtn');
} else {
    var thisBtn = $('#'+thisInstance+' .cs_rightBtn');
    var otherBtn = $('#'+thisInstance+' .cs_leftBtn');
}
if(m==0||m==x) {
    thisBtn.animate({ 'opacity':'0' }, o.speed, o.easing, function() { thisBtn.hide(); });
}
if(otherBtn.css('opacity')=='0') {
    otherBtn.show().animate({ 'opacity':'1' }, { duration:o.speed, easing:o.easing });
}

并更改

.find('.cs_leftBtn')
    .css("opacity",0)
    .hide()
    .end()

.find('.cs_leftBtn')
    .hide()
    .animate({ 'width':'show' });

(JS / jquery.ennui.contentslider.js)

但我不知道你是否也会遇到幻灯片停止工作的问题......