使Colorbox一次加載一個圖像

我使用jQuery Colorbox插件在頁面上加載一些圖像。我的問題是，colorbox自然會在同一Div中使用多個實例，然後允許用戶使用箭頭按鈕滾動瀏覽圖像。使Colorbox一次加載一個圖像

我想要colorbox只是單獨加載每個圖像，而不會爲每個圖像創建一個單獨的實例/類的colorbox。

示例代碼：

<a href="../../images/rd/demo/1.3.png" class="group2" ><img src="/images/rd/demo/2.png" /></a> 
<a href="../../images/rd/demo/1.3.png" class="group2" ><img src="/images/rd/demo/2.png" /></a> 
<a href="../../images/rd/demo/1.3.png" class="group2" ><img src="/images/rd/demo/2.png" /></a> 

$(".group2").colorbox({ 
    rel:'group2', 
    transition:"fade", 
    opacity:0.50, 
    innerWidth:650, 
    innerHeight:400, 
    arrowKey: false  
});

如果我上的圖像/鏈接之一點擊上面，顏色框將加載所有三個，並允許用戶通過標籤它們。我只是希望單獨加載每個圖像，而不必爲每個圖像分配一個唯一的類ID。

我檢查了Colorbox Documentation，並沒有看到任何有助於我的情況。

來源

2012-02-01 robabby

我想你只需要刪除此：

rel:'group2',

根據該文檔，這又是什麼造成他們組合在一起。

來源

2012-02-01 16:52:39

喜歡buttah！必須仔細看看...謝謝！ – robabby 2012-02-01 17:00:25

你有沒有試過$("a.gallery").colorbox({rel:"group1"});應該覆蓋默認分組？

來源

2012-02-01 16:51:02 ianbarker

同樣的結果，仍然讓我通過圖像選項卡。更新您的示例以匹配我的代碼。 '' – robabby 2012-02-01 16:57:32

使Colorbox一次加載一個圖像

回答

相關問題