コーダ スライダー:
http://jqueryfordesigners.com/coda-slider-effect/
最近、ウェブページに Coda Slider を実装しましたが、1 つの問題に遭遇しました。実装のような問題は、ユーザーが最初のスライドにいる場合は左ボタンを変更/無効にし、ユーザーが右のスライドにいる場合は右ボタンを変更/無効にすることです。ユーザーは、左ボタンを押して最後のスライドに移動し、右ボタンを押して最初のスライドまでスクロールすることはできません。その機能を無効にしたいと思います。
コードを見て、コードを変更または追加する必要がある場所を確認しようとしましたが、特定できませんでした。誰でも助けてもらえますか？
例: 4 つのスライド (0-3) があります。スライド 0 にスクロールすると左ボタン (id=leftb) が非表示になり、スライド 3 にスクロールすると右ボタン (id=rightb) が非表示になるようにするには、どのコードを追加しますか? . 次のコードを追加しました。
if (n<0) { //if on first slide make left button hidden and right button visible
if (document.getElementById) {
document.getElementById('leftb').style.visibility = 'hidden';
document.getElementById('rightb').style.visibility = 'visible';
}}
if (n==0 || n==1 || n ==2) { //if on second and third slides make both button visible
if (document.getElementById) {
document.getElementById('leftb').style.visibility = 'visible';
document.getElementById('rightb').style.visibility = 'visible';
}}
if (n>2) { //if on last slide make right button hidden and left button visible
if (document.getElementById) {
document.getElementById('leftb').style.visibility = 'visible';
document.getElementById('rightb').style.visibility = 'hidden';
}}
上記のコードは、スライド番号に基づいてナビゲーション ボタンを非表示および表示するという意味では理にかなっていると思いますが、機能していません。
何か案が？
編集：
私が現在持っているファイルのバージョンは次のとおりです。
- jquery-1.2.6.js
- jquery.easing.1.3.js
- jquery.localscroll-1.2.5.js
- jquery.scrollTo-1.3.3.js
- jquery.serialScroll-1.2.1.js
- coda-slider.js
どのファイルを github からダウンロードし、適切に動作するようにサーバーを更新していますか?