FancyBox 2.1.4/jQuery - 我可以使用一個縮略圖鏈接到圖片庫嗎？

我正在使用FancyBox 2.1.4和jQuery，FancyBox 2.1.4/jQuery - 我可以使用一個縮略圖鏈接到圖片庫嗎？

是否有可能在HTML頁面上只有一個縮略圖指向由多張照片組成的整個FancyBox照片庫？

所以，當點擊一個縮略圖時，它將在現有的HTML頁面上啓動一個FancyBox照片庫，以供查看。

默認情況下，需要一個HTML頁面上的所有縮略圖，如果您再點擊任何一個，它將打開該頁面，您可以單擊左側或右側查看其他照片。

我背後的邏輯：在HTML頁面上有信息。關於一個地方（住宅小區），並且在該頁面上，我只想放置一個縮略圖並將其稱爲「綜合體的照片庫」，因此當有人點擊該縮略圖時，它會啓動FancyBox照片庫幻燈片並顯示所有照片。

感謝您的幫助，

Reinhard。

來源

2013-05-09 RayMysterio

我發現了兩個答案，這樣在「提示和技巧」的網站的fancybox（http://fancyapps.com/fancybox/#useful）周圍多一點嗅聞後，兩種與畫廊的方法只有一個預覽圖片： 1.方法一 - 隱藏其他圖像 2.方法二 - 打開的fancybox手動（但任何其他更好或更容易的方法也歡迎）謝謝，萊因哈德 – RayMysterio 2013-05-09 11:51:08

如果你是新的jQuery，那麼我不認爲你會發現比那些更容易的方法，但如果你f您可以輕鬆地使用php或jQuery，然後您可以在您的html中動態生成（隱藏）庫，或者通過ajax將庫中的內容拉出來，無論哪種方式最適合您。 – JFK 2013-05-09 18:51:39

我知道我對派對遲了2個月，但我有類似的情況需要解決，雖然FancyBox網站上的示例很有用，但將所有這些鏈接僅包含到圖片中是不切實際的隱藏它們（尋找一個沉重的頁面加載！）。

我做了一些調整，注意到真正需要的是<a>標籤和rel屬性。我清理了這個例子，刪除了爲所有內容添加相同rel屬性的js，並添加了另一個庫以顯示它如何工作：http://jsfiddle.net/uZCC6/3005/

希望這可以幫助其他人！

來源

2013-07-17 20:44:37 ndimatteo

FancyBox 2.1.4/jQuery - 我可以使用一個縮略圖鏈接到圖片庫嗎？

回答

相關問題