1

私は自分のサイトにjCarouselLiteプラグインを使用しています。それはとてもうまくいきます。画像の下部（矢​​印だけでなく）にも外部コントロールとしていくつかの箇条書きを追加したかったのです。したがって、2番目の箇条書きをクリックすると、2番目の画像に移動します。これは、プラグインが提供するbtnGoを使用しても問題なく機能します。

私もやりたいのは、毎回見る画像に基づいてアクティブに見えるように、弾丸を変更することです。したがって、次の矢印をクリックして2番目の画像が表示されたら、すぐに2番目の箇条書きをアクティブにします。これを行うために、私は私が見る画像の数を知りたいです。

afterEndコールバック関数を使用して、アニメーションの後にアクティブなオブジェクトを取得することを知っています。このオブジェクトの数だけを取得する方法はありますか？たとえば、オブジェクトが2番目の画像である場合、番号2のみを取得します。

誰かがそれについて何か知っていますか？

前もって感謝します

4

1 に答える 1

1

jCarousel Lite の#315 のコメント#All-Commentsから、この回答が得られました (これを使用しました)。

基本的に、文字列置換を使用して、同様の名前の画像が表示されようとしていることに基づいて、「アクティブ」なコントロールの数を取得します。

ID が「#pi1」、「#pi2」、「#pi3」、「#pi4」、「#pi5」、「#pi6」の外部コントロールがあると仮定します</p>

「#im1」、「#im2」、「#im3」、「#im4」、「#im5」、「#im6」の ID を持つ画像</p>

jCarousel Lite 関数を開始する前に、li の数を数えます。

var LiCount = $("#projectimage").find("ul").children("li").size();

before start 関数を追加します。

beforeStart: function(a) {
 var imID = $(a).attr("id").replace('im','';
 var NimID = parseInt(imID);
 NimID++;
 if(NimID > LiCount) NimID = 1;
 $('#pi'+imID).removeClass('activelistlink');
 $('#pi'+NimID).addClass('activelistlink');
}
于 2011-03-31T03:11:56.273 に答える