0

基本上,我们使用的是 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 个 iFrame 的建议。任何帮助将不胜感激,因为这是一个紧迫的时间表。

图式

4

1 回答 1

0

那是不可能的,因为 iFrame 有另一个来源。iFrame 不可访问,因为跨域 iFrame 很容易被 CrossSiteScripting 误用

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

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

于 2013-08-30T11:47:20.190 回答