1

我正在尝试让 jQuery 灯箱 Yoxview 与名为 Contentflow 的 Coverflow 图像库集成。我的问题是我只希望在内容流图像处于活动、居中状态时打开 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>

最初效果很好，因为单击非活动图像将图像移动到中心并单击中心活动图像会在灯箱中正确打开，但是在单击每个图像一次后，所有图像都将在灯箱中打开。似乎 removeClass 没有发生。任何帮助，将不胜感激。

4

1 回答 1

1

是否有意仅从活动项目中删除课程？您可能会发现在调用该代码之前，活动项已设置为非活动项。如果要重置所有其他项目，可以使用

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

也不确定这门课的必要性——你试过了吗

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