2013-08-30 8 views
0

В основном мы используем услугу, предоставляемую gapphotos.com, где мы можем называть ее изображения на нашем сайте через iframe. Этот iFrame затем содержит другой iframe, который содержит изображение. Проблема, с которой я сталкиваюсь, заключается в том, что их изображения бывают двух размеров: 161x161 или 320x320. Все, что я хочу сделать, это войти в эти два iFrames с jQuery и изменить высоту/ширину.Изменение размера изображения внутри 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 IFrames глубокий , Любая помощь будет высоко оценена, поскольку это происходит в сжатые сроки.

schema

ответ

0

Это было бы невозможно, потому что есть еще плавающий фрейм происхождение. Функция Iframe не доступна, так как поперечные плавающие фреймы домена могут быть легко missused для CrossSiteScripting

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

я не exacly знаю, если это относится к стилям CSS тоже, вы можете попытаться использовать CSS, чтобы установить ваш собственный рост и ширина ...

+0

Я знаю, что это можно сделать, поскольку парень, которому принадлежит gapphoto, сказал мне, что он видел, как кто-то другой это делает. Я понимаю ограничения xss, но, как и всякое кодирование, обычно есть способ обойти это. –

+0

Я пробовал добавить css, например iframe iframe img {height: 100px; ширина: 100 пикселей; } без везения –

Смежные вопросы