2012-06-19 28 views
1

我有一个图片库页面,其中每个图像都可以用多个标签“标记”。每个标签按钮都显示在一个标签栏上。默认情况下会显示所有图像,但是当单击一个标签按钮时,只会显示带有该标签的图像。从链接中删除lightbox行为

我使用jQuery灯箱插件展示大图像的版本,我想看看在灯箱所有选定的图像(通过点击一个/下一个链接)。

$(document).ready 
(
    function() 
    { 
     // this works ok 
     $('#gallery div a').lightBox(); 
    } 
); 

一切都很好,直到我过滤图像。默认情况下,所有图像都可以在lightBox中使用(并且我希望lightBox仅具有那些已过滤的图像)。

我甚至试图做这个过滤器事件:

$('#gallery div.' + tag + ' a').lightBox(); 

其中“标签”是只包含有源标签由画廊中的图像进行过滤的字符串。这工作有点见不得人,因为灯箱正确显示只有通过过滤的图像,但它有一些奇怪的行为:

调整时,下一个图像框
  • ,动画是一个有点混乱的
  • 图像计数器显示第一状态的结果(例如25 7),然后经过滤的一个(9实施例7)

我的实际问题是:

  • 有一种方法,以除去灯箱行为一旦被设置在链接上?
  • 是否有灯箱的替代,只是为了能够轻松地“拔掉”了吗?

回答

0

这将禁用灯箱的行为(因为它似乎只是一个Click事件处理程序):

$('#gallery div a').unbind('click'); 

然后,以下的作品就像一个魅力:

$('#gallery div.' + tag + ' a').lightBox();