在不同的頁面上使用不同的CSS樣式的colorbox？

我在網站上使用Colorbox（彈出窗口的js庫）。在某些頁面上，我需要爲colorbox和/或其部分使用不同的外觀（如關閉框，使用不同的png文件）。在不同的頁面上使用不同的CSS樣式的colorbox？

由於js庫在運行中爲彈出式div生成代碼，因此在網站上處理不同頁面的不同「外觀」而不復制任何代碼的最有效方法是什麼？

2012-10-04 Steve

使用不同的css文件 – Erwin

雖然它在運行中生成HTML，但它仍然使用與其他所有內容相同的CSS。因此，只需在需要的頁面<style>上添加標籤，該標籤將覆蓋默認樣式或準備少量css文件，其中css規則將覆蓋默認樣式，當您需要時將附加到您的頁面。

2012-10-04 19:28:00

對不起，爲了更加準確我需要做的是調用兩個或多個不同的colorboxes_on_different css parameters_在同一page_。調用它時，有沒有辦法將ID或CLASS分配給colorbox？所以我可以有#yellowbox和#redbox「？ – Steve

嗯，我會看看'onComplete'回調，並添加所需的樣式（'$（'＃colorbox'）。addClass（」redbox「）'）到一些包裝元素（看起來像'＃colorbox'是你需要的那個） –

我剛試過這個但是如果失敗了（colorbox從不打開）： '$（「。iframe」）。colorbox（{iframe：true，width：「200px」，「height：」500px「，onOpen：myFunc}）;'然後 'function myFunc（）{$（'＃cboxLoadedContent'）。addClass（」redbox「））;}' – Steve

如何給<body>的id相同文件名，如<body id="index">和<body id="about_us">和比colorbox.css文件中添加的風格，如

body#index wrapper gallery 
{ 
background-color: #foo; 
}

我用slimbox和上面做的。

來源

2012-10-04 19:31:00 Jawad

謝謝，但是看到我的進一步闡述，我需要在一個頁面上有多個不同屬性的框，當我在網頁上只有一個頁面時，我已經完成了你多次提出的建議，正如FAngel所建議的，我可能需要添加帶回調的類 – Steve

我沒有事情，你將需要一個單獨的CSS文件..

可以說，在第一頁的顏色框是

<div class="divA"> 

    // Color Box 1 
</div> 

<div class="divB"> 

    // Color BoX 1 
</div>

可以前彩盒類的添加該類完成你的工作。你可以考慮

.divA colorbox-class 
{ 
    // Your Style Color Box 1 
} 

.divB colorbox-class 
{ 
    // Your Style Color Box 2 
}

來源

2012-10-04 19:35:29

但是colorbox不在div中，是嗎？我打電話給我一個是頁面加載，另一個是點擊事件。 '' – Steve

雅這是真的..只是遊戲你一個例子。只要打開你的螢火蟲，並檢查其中包裝彩盒的父母 –

謝謝。但是在同一頁面上有不同的方框是問題。他們總是使用相同的DOM結構，我需要一個很好的方式來區分。 – Steve

有一兩件事是沒有CSS的顏色框本身，而是具有流行的內容在自己的網頁，並通過AJAX調用它。讓所有特定的CSS彈出自己的頁面。我以前使用過這種方法。您在colorbox文件中唯一需要的CSS是背景顏色/透明度/圖像。

來源

2012-10-04 20:06:56 Tom

謝謝，我忘記了Ajax加載方法。過去我已經使用了內聯方法。好的。 – Steve

在不同的頁面上使用不同的CSS樣式的colorbox？

回答

相關問題