jCarousel Liteを使用していて、現在のインデックス(一度に1つのアイテムしか表示していないため、この要素が表示されている)を取得して、ナビゲーションリンクに「現在の」クラスを追加できるようにする必要があります。
誰かが私がこれを達成する方法を知っていますか?
jCarousel Liteを使用していて、現在のインデックス(一度に1つのアイテムしか表示していないため、この要素が表示されている)を取得して、ナビゲーションリンクに「現在の」クラスを追加できるようにする必要があります。
誰かが私がこれを達成する方法を知っていますか?
投稿したリンクのドキュメントから:
afterEndアニメーションの終了後に呼び出す必要のあるコールバック関数。アニメーションの終了後に表示されるアイテムを表す要素は、引数として渡されます。
したがって、「現在の」クラスを設定する関数をafterEnd
作成し、カルーセルを作成するときにオプションとして渡します。
まず、非圧縮バージョンのjCarouselLiteをダウンロードして開きます。行288*、またはo.beforeStart.call()の下の任意の場所に移動し、以下を追加します。
li.removeClass("current");
次に、行313 *、ul.animate();の下、またはanimate()コールバック内に移動し、以下を追加します。
li.eq(curr).addClass("current");
jCarouselLiteの変更は以上です。ファイルを保存/変更をアップロードします。
最後に、ページが読み込まれたら、現在のクラスを設定する必要があります。その使用のために:
$(".jCarouselLite li").eq(0).addClass("current");
or
$(".jCarouselLite li:first").addClass("current");
*将来の読者への注意:この変更はv1.0.1用です。実際の行番号は異なる場合があります。