在我的<a href="http://arthurnn.com/cris/" rel="nofollow">website</a>中使用fancybox +全屏選項

Question

，我有一些圖像，我將它們顯示在fancybox中。一切工作正常，但現在網站的要求是有一個全屏模式的照片，我的意思是全屏是我想在我的fancybox底部添加一個按鈕，當用戶點擊該按鈕時，當前圖像（fancybox圖像）必須以全屏模式顯示。全屏的

例子：http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

但是這個例子犯規適合我的情況，因爲我仍需要在的fancybox全屏模式之前。

所以有人有一些代碼分享或一些好的圖書館，我可以做集成順便說一句jQuery Fancybox和一些全屏API？ 感謝

Answer 1

下面的步驟將你在尋找什麼：

1. 請參閱以下網址瞭解如何自定義按鈕添加到的fancybox：Adding custom buttons to jQuery's fancybox。它需要一點努力，但它確實有效。
2. 當首次顯示Fancybox時，掛鉤自定義按鈕以啓動全屏模式。使用Supersized plug-in。
3. 用於顯示超級圖像的div將隱藏在頁面上，您將在啓動全屏時顯示Supersize div。
4. 添加一個「關閉」按鈕，將超大型股利和點擊

上述步驟將做時，隱藏的股利。 Fancybox和Supersized都需要一些定製，但是你可以達到你想要的效果。