區分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用於所有實例顯然，這樣你就可以簡單地添加/刪除基於所單擊鏈接樣式或類吧。