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