图像在iframe内部iframe内调整大小

Question

基本上我们正在使用gapphotos.com提供的服务，我们可以通过iframe将图像调用到我们的网站。然后，此iFrame包含另一个保存图像的iframe。我遇到的问题是他们的图像大致有两种尺寸161x161或320x320。我想做的就是用jQuery进入这两个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 iFrames。任何帮助将非常感激，因为这是一个紧张的时间表。

Answer 1

那是不可能的，因为iFrame有另一个来源。 iFrame无法访问，因为CrossSiteScripting可能很容易错过跨域iFrame

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

我不知道这是否也适用于css样式，你可能想尝试使用css来设置自己的高度和宽度......