0

私はこのスライドスクローラーを持っていますが、これは正常に動作しています。ただし、ナビゲーションの外観を変更したいと思います。これは私が今持っているものの生の例です - jsfiddle を見てください。

ナビゲーションを「<< x out of y >>」に変更したいと思います。「x」は現在のスライド、「y」はスライドの総数です。

必要な変数はすべてスクリプトに含まれていると思いますが、見た目も動作も思い通りにすることができません。

このコード行を変更しようとしました：

scrollMenu.append('<div class="' + ((i == 0) ? activeClass : '') + ' slide-button slide-index">' + i + '</div>');

...しかし、私はそれを機能させることができませんでした。また、スライドの数はゼロから始まります。どこかに+1を追加する必要があると思います。どこにあるのかわかりません。

誰か手を差し伸べたい人はいますか？

4

1 に答える 1

0

あなたが言及した行のコードを見るscrollMenuSlideItemsNumと、現在のページのように見える利用可能なものがありnumSlides、スライドの数があります。したがって、ループする代わりに、を削除して次のforようなものを配置するだけです

"<< " + scrollMenuSlideItemsNum + " of " + numSlides + " >>"

しかし、他にもいくつか変更する必要があります。クリック ハンドラーを変更して、別の部分をクリックしたときに別の方法で動作するようにする必要があります。追加する div の新しいクラスを作成する必要があります。新しいレイアウトを更新する関数を作成する必要があります。

于 2012-11-12T19:57:24.177 に答える