Ennui の Content Sliderは使いやすく、編集も簡単なので、最近よく使っています。
スライドショーの最初と最後に左向きの矢印を表示し、スライドショーの最後に右向きの矢印を表示したままにする方法がわかりません。
Ennui の Content Sliderは使いやすく、編集も簡単なので、最近よく使っています。
スライドショーの最初と最後に左向きの矢印を表示し、スライドショーの最後に右向きの矢印を表示したままにする方法がわかりません。
削除することもできます
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)
ただし、スライドショーが機能しなくなるという問題も発生するかどうかはわかりません...
あなたは付け加えられます
.cs_leftBtn, .cs_rightBtn {
display: block !important;
opacity: 1 !important;
}
しかし問題は、ユーザーがスライドショーの開始時に左矢印をクリックしたり、終了時に右矢印をクリックしたりすると、ページが更新されるまでスライドショーが機能しなくなることです。