2011-09-05 54 views
1

我有一個嵌入了iframe的頁面。 iframe非常長,並延伸到視口之外。控制iframe中的Colorbox位置

在iframe中我有一長串包含鏈接的文本。我使用Colorbox在單擊其中一個鏈接時顯示疊加層。由於iframe的內容太長,疊加層並不總是可見的,因爲它垂直位於iframe的中心,而不是父視口的中心。

誰能告訴我如何顯示相對疊加到視或至少相對的被點擊的鏈接?

+1

您使用colorbox顯示的內容 - 僅限於那些圖片?如果是這樣,最簡單的解決方案是將點擊圖像href傳遞給父框架,然後使用colorbox顯示它(從父窗口中調用colobox來克服定位問題)。 – WTK

+0

感謝WTK,認爲我現在走在正確的軌道上。 – user736129

回答

0

由於WTK說,你需要包括彩盒JS和CSS父文件。然後,你可以調用顏色框從IFRAME這樣的事情,其中​​顏色框是一個用戶定義的類裏面...

$("a.colorbox").click(function(){ 
var linkurl = $(this).attr("href"); 
parent.$.colorbox({href:linkurl}); 
return false; 
}); 

而且覆蓋將出現在正確的垂直位置。

+0

但如果我們必須使用跨域? –