關閉js“燈箱”類型覆蓋

Question

我正在使用PrettyPhoto顯示聯系表單。 我希望“關閉”按鈕與其他文本保持一致，但我無法通過CSS使其完全正確，有沒有辦法使“關閉”一詞關閉燈箱，就像我放置燈箱一樣目前沒有？

http://gherkin.co.nz/gg/emailtest.php

點擊頁面底部的“向我們發送電子郵件”。

任何幫助都感激不盡。

Answer 1

在prettyPhoto支持論壇上有一個解決方案：

http://forums.no-margin-for-errors.com/comments.php?DiscussionID=9&page=1#Item_8

這是上面有關解決方案的鏈接的引文。 如果您點擊鏈接，則有一個代碼示例。

可悲的是您不能調用$ .prettyPhoto.close（）;。 從iFrame內部 讓iframe加載的頁面與父頁面互動是一種安全措施。

但是，有一種解決方法。 您可以做的是在父頁面中添加一個偵聽器，這是一個計時器，每10毫秒檢查一次location.hash是否已更改。 如果location.hash已更改，並且它是您的值，例如“＃close-prettyphoto”。 然后調用$ .prettyPhoto.close（）; 現在在iframe中，當您要關閉prettyPhoto時，只需要更改top.location.hash。

這有點駭人聽聞，但效果不錯。