iframe内iframe的图像大小调整
问题描述:
基本上我们使用的是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的深回来。任何帮助将非常感谢,因为这是在一个紧张的时间表。
答
这将是不可能的,因为iFrame的还有另一个起源。内嵌框架是无法访问的,因为跨域iFrame中可以很容易地missused为CrossSiteScripting
http://en.wikipedia.org/wiki/Same-origin_policy
我不知道exacly如果这适用于CSS样式也一样,你可能会想尝试并使用CSS来设置你自己的身高和身高...
我知道可以这样做,因为拥有gapphoto的人告诉我他看到别人这样做了。我理解xss的局限性,但是像所有编码的东西通常都是围绕它的。 –
我试过添加CSS iframe iframe img {height:100px;宽度:100px; }没有运气 –