2012-04-08 71 views
0

的iframe之外的顯示圖像,請參閱示例代碼我一起工作:http://www.christoffah.com/kk/gallery.php採用彩盒

紅色和黃色的DIV包含的I幀。單擊黃色DIV中的文本鏈接將加載彩色照片,但會將其加載到iframe中。目標父母自己打開圖片,即與輸入jpg圖片網址時會發生的情況相同。有沒有什麼辦法讓整個網頁頂部的圖片加載?

我使用iframe的原因是因爲我正在處理的網站需要兩個不同的畫廊,每個畫廊都包含衆多的相冊,我認爲iframe可以讓用戶獨立於相互之間瀏覽畫廊 - 如果有的話是一個更有效的方式,我願意接受這些建議!謝謝。

回答

0

首先,我沒有看到與鏈接的第二個iframe的必要性。

您需要使用JavaScript進行鏈接,因爲target屬性不提供父目標這樣的想法。有關詳細信息,請參閱Javascript window.parent對象或特別是window.parent.frames[...].location屬性。

不過從SEO的角度來看,這不能說是好的。

編輯嘗試:

<a ... onclick="parent.$.fn.colorbox({href: this.href}); return false;"> 
+0

我的第二iFrame具有文本現在爲我測試了這個插件,它最終會看起來像縮略圖第一個iframe中。每個iframe都會有下一個和前一個鏈接,因此用戶可以一次查看兩個畫廊。我很欣賞這可能不是偉大的搜索引擎優化,但我想不出另一種方式去了解它.. 我已經調查了你推薦的JS,但我不確定如何改變圖像URL以包含此語法。 Colorbox常見問題建議open in parent window,但這似乎不起作用...請你能提供建議嗎? – Chris 2012-04-09 10:47:18

+0

您的方法實際上看起來不錯,但您需要在您的父級中包含colorbox js才能完成此項工作。請參閱編輯問題 – worenga 2012-04-09 11:07:27

+0

感謝您的代碼,我已對相同的頁面進行了更改 - 即將出現,但未加載下一個/上一個按鈕或背景覆蓋圖,並且仍在iframe中加載了一個colorbox實例。嘗試「測試鏈接」:http://www.christoffah.com/kk/gallery.php任何想法? – Chris 2012-04-09 11:34:18