獲取ColorBox中的當前項目編號

Question

默認情況下，當您打開組合項目的ColorBox彈出窗口時，它會顯示整個組中項目的當前編號以及項目總數。 如何獲得這些值客戶端？

Answer 1

您的問題很有趣 - 這些值（收集的總數，當前顯示的項目的實例號）已經爲客戶端 - 除非您在服務器上執行ColorBox插件。

下面的想法是基於ColorBox網站中使用的第一個例子，一個非常簡單的例子。你的情況可能不同。

得到集合的大小

容易做到如下，其中」 .group1" 是資產的集合，其中包括作爲驗證的console.log。

var a = $('.group1').length; 
console.log(a); 

得到顯示的實例

的NUMBER容易地完成如在現有情況下使用如下，用相同的測試設置。

$('.group1').on('click', function() { 
    var h = $(this).attr('href'); 
    console.log(h); 
}); 

Var「h」包含一個href，然後您將遍歷該集合以查找具有該href的條目。

請注意，還有其他（更好！）的方式來做到這一點。例如，如果集合中的每個項目都有一個ID，那麼你可以簡單的說

var h = this.id 

注意，這是所有的插件外完成。爲了使它過冷，只需分叉插件並在研究了目前的和索引的使用之後實施更改。

Answer 2

根據您的配置，你可以（通常）獲得當前顯示的圖像的索引號（從0開始）如下：

VAR currentImageNumber = $ .colorbox.element（）指數（）。

爲了獲得當前顯示在你的顏色框圖像的數量（假設你正在顯示圖像的組，就像在彩盒網站examples），可以使用下面的句子：

VAR imagesGroupLength = $ .colorbox.element（）。siblings（）。length + 1;

請記住在某處存儲（緩存）這些值以減少計算時間。