1

Contentflow と呼ばれる Coverflow 画像ギャラリーと統合するために、jQuery ライトボックス Yoxview を取得しようとしています。私の問題は、コンテンツフロー画像がアクティブで中央の状態にあるときにのみ、Yoxview ライトボックスを開くことです。これにより、横方向の画像をクリックしてアクティブな中央の位置に流し込むことができるため、すべての画像をライトボックスで開くのではなく、アクティブな画像のみを開きます。

ここに私が使用しようとしているコードがあります:

new ContentFlowAddOn ('yoxview', {
ContentFlowConf: {
    onclickActiveItem: function (item) {
      $('.active').removeClass("yoxview").addClass("yoxview");
      $(".yoxview").yoxview();
    },
    onclickInactiveItem: function (item) {
     $('.active').removeClass("yoxview");
      $('a').click(function (e) {
   e.preventDefault();
});

        }
}
});

HTML は次のとおりです。

<a class="item" href="pics/pic0.png"><img class="content" src="pics/pic5.png" alt="First" title="The first image" /></a>

非アクティブな画像をクリックすると画像が中央に移動し、中央のアクティブな画像をクリックするとライトボックスが正しく開きますが、各画像を 1 回クリックすると、すべての画像がライトボックスで開きます。removeClass が発生していないようです。どんな助けでも大歓迎です。

4

1 に答える 1

1

アクティブなアイテムからクラスを削除することだけを意図していますか？そのコードが呼び出される前に、アクティブなアイテムが非アクティブに設定されていることに気付く場合があります。他のすべてのアイテムをリセットする場合は、

$(".yoxview").removeClass(".yoxview");

また、とにかくそのクラスがどれほど必要かわからない-あなたは試しましたか

$(".active").yoxview();
于 2010-11-05T03:03:18.003 に答える