2010-11-05 85 views
1

我想获得一个jQuery的Lightbox,Yoxview,与一个名为Contentflow的Coverflow图片库集成。我的问题是,我只想在内容流图像处于活动中心状态时打开Yoxview灯箱。这允许点击横向图像使它们流入活动的中心位置,所以我不希望每个图像在灯箱中打开,只有活动的一个。addClass和removeClass问题

这里是代码我想使用:

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没有发生。任何帮助,将不胜感激。

回答

1

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

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

还不能确定类是多么必要无论如何 - 你试过

$(".active").yoxview(); 
+0

感谢您的建议。不幸的是,这似乎没有改变行为。 – Macsupport 2010-11-05 14:10:55

+0

我建议在firebug中查看它 - 检查正在应用的类/样式,并确保您正在添加/删除正确的类。 – 2010-11-07 23:15:48