將圖像添加到JavaScript圖像查看器沒有<a>或<img>標記？

Question

簡短版本

任何人都可以給我一個JS圖像瀏覽器，它支持在構造上傳遞圖像數組的機制？

加長版

我用彩盒查看頁面上的一些圖像。

我希望的情況是：

• 我添加圖像從<a>標籤到瀏覽者的縮略圖（使用的類名，例如）
• 添加更多圖像傳遞圖像的HREF以查看器對象（這些圖像的縮略圖沒有顯示）
• 當我點擊我的第一個（也是唯一的）縮略圖時，一個查看器打開大版本的縮略圖加上通過查看器對象添加圖像。

我得到的情況： - 我把空<a>標籤（這也是我在做無形CSS）指向我想補充（不具有縮略圖）更多圖片。

任何人都可以提供給我一個JS圖像查看器，它支持在構造上傳遞圖像數組的這種機制？

Answer 1

你快到了。

在Colorbox中，您可以使用rel選項創建一組事物。例如：

$('.thumbnail').colorbox({rel: 'colorboxImg'})

上面的代碼意味着，當你點擊一類的東西thumbnail，圖像瀏覽器將打開並加載所有具有一類colorboxImg項目。

所以，「你得到的情況」（就像你說的那樣）非常接近。添加一堆隱藏的<a>標籤，並確保href指向正確的圖像。給那些<a>標籤一個colorboxImg（或任何你決定命名你的組）的標籤，然後你就完成了。請記住，.thumbnail也需要有一類colorboxImg。

讓我知道如果你有任何其他情況下你需要滿足，我們可以編輯這個答案。