区分fancybox的自定义css

Question

我试图在不同的fancyboxes的样式中做一些客户授权的不一致。

我似乎无法找出一种方法来区分使用类或ID或任何打开哪个fancybox。

有没有办法做到这一点？

Answer 1

Fancybox 2有一个wrapCSS选项，它允许您向灯箱添加自定义类以进行造型。

像这样：

$(".fancybox").fancybox(); 

$(".photo").fancybox({ 
    wrapCSS : 'photo-lightbox-class' 
}); 

$(".video").fancybox({ 
    wrapCSS : 'video-lightbox-class' 
}); 

Answer 2

您可以通过对fancybox（）和onX参数的单独调用来实现此目的。例如：

$('.ProductThumbImage a').fancybox({ 
    padding: 30, 
    margin: 0, 
    autoScale: true, 
    onStart: function() { 
     $('#fancybox-content').css('padding', '8px'); 
    }, 
    onClosed: function() { 
     $('#fancybox-content').css('padding', '0'); 
    } 
}); 

同样的fancybox用于所有实例显然，这样你就可以简单地添加/删除基于所单击链接样式或类吧。