Fancybox更改網址

Question

我有一個pinterest風格的畫廊。我想這樣做，當你點擊圖像時，它會打開一個帶有較大圖像的fancybox，然後在一個框中顯示評論和其他內容。但我希望每個圖像/圖像fancybox都有自己的網址，以便人們可以分享鏈接和內容。任何想法如何做到這一點？

在此先感謝

Answer 1

只需使用的fancybox爲默認值。當onComplete事件引發時，操作DOM併爲fancybox容器進行掃描，然後添加註釋和內容。

Answer 2

您可以使用HTML5歷史記錄更改瀏覽器中的網址。 https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

然後在整個頁面加載，你可以得到與window.location的網址，並修改DOM以適應您的需要。

Answer 3

有還挺兩種方式：
1.像Facebook這樣的作用：http://spoiledmilk.dk/blog/html5-changing-the-browser-url-without-refreshing-page
2.如Twitter的作用：
您可以訪問和使用變更網址的＃-part location.hash
//example.com/
location.hash = 'foo'; //becomes example.com/#foo

Answer 4

我會通過創建一個PHP腳本來獲取圖像的id，例如outputimage.php?id=123，然後輸出圖像的html，註釋etx。這個腳本可以用一個jQuery ajax調用來調用，它從腳本請求html，然後將它放在fancybox div中。

另一頁稱爲image.php?id=，它再次獲取圖像的id並使用outputimage.php在單獨的頁面佈局中顯示html。此頁面將成爲您的獨立佈局。