2013-08-30 346 views
0

基本上我們使用的是gapphotos.com提供的服務,我們可以通過iframe調用圖像到我們的網站。這個iFrame然後包含另一個保存圖像的iframe。我面臨的問題是它們的圖像粗​​略地以161x161或320x320兩種尺寸顯示。我想要做的就是使用jQuery進入這兩個iFrame並更改高度/寬度。iframe內iframe的圖像大小調整

var f = $('#iFramePic1'); 
f.load(function() { 
    var iF = f.contents().find('iframe'); 
    iF.load(function() { 
     iF.contents().find('img').height(100); 
    }); 
}); 

這是我想用來嘗試,並嘗試了,jQuery,但它與

Blocked a frame with origin "http://localhost:1506" from accessing a frame with 
origin "http://www.gapphotos.com". Protocols, domains, and ports must match. 

我看着EasyXDM卻找不到建議去2個iFrame的深回來。任何幫助將非常感謝,因爲這是在一個緊張的時間表。

schema

回答

0

這將是不可能的,因爲iFrame的還有另一個起源。內嵌框架是無法訪問的,因爲跨域iFrame中可以很容易地missused爲CrossSiteScripting

http://en.wikipedia.org/wiki/Same-origin_policy

我不知道exacly如果這適用於CSS樣式也一樣,你可能會想嘗試並使用CSS來設置你自己的身高和身高...

+0

我知道可以這樣做,因爲擁有gapphoto的人告訴我他看到別人這樣做了。我理解xss的侷限性,但是像所有編碼的東西通常都是圍繞它的。 –

+0

我試過添加CSS iframe iframe img {height:100px;寬度:100px; }沒有運氣 –