2017-12-01 20 views
0

이것은 매우 특정한 문제입니다. 몇 가지 iframe이있는 웹 사이트 (이 사이트에 액세스 할 수 없음)가 있습니다.이 iframe 중 하나는 내가 액세스 할 수있는 사이트에 연결되어 있습니다.iframe (깃털 라이트)의 전체 화면 팝업

내 iframe에는 다른 iframe에 대한 링크가 있어야하며 링크를 클릭하면 팝업으로 열어야합니다. 이미 작동 중입니다. 나는 이것을 위해 featherlight.js을 사용한다.

지금 문제 내가 사이트에서 링크를 클릭하면 내가 에 접근 팝업 크기가 iframe을의 크기에 제한이 없다는 것입니다.

<iframe src="example.com"></iframe> 
+0

잘 모르겠지만 가능하지 않다고 생각합니다. 그렇지 않으면 브라우저가 광고를 차단합니다. iframe을 광고에 사용하면 모든 사이트에서 거대한 오버레이가 열립니다. 나는 틀린 것일지도 모른다. –

+0

팝업에 대한 CSS가 상위 페이지에 없기 때문에 이것은 간단하지 않습니다. 팝업을 표시하거나 팝업 html, css 등을 복제하고 부모에게 추가 할 수있게하려면 iframe을 부모 페이지로 채울 수 있어야합니다. CSS도 부모와 충돌 할 수 있으며 플러그인이 수정해야합니다. 부모 창에 액세스하려고하면 브라우저 보안으로 두 문제가 모두 차단 될 수 있습니다. – charlietfl

답변

1
: 내 사이트에 설명

코드에 대한


예,의는 example.com

<a id="popup" href="anotherlink" data-featherlight="iframe">Open popup</a> 
<script> 
    $("#popup").featherlight(); 
</script> 

그리고 내가 좋아하는 외모에 액세스 할 수없는 사이트의 코드를 호출하자

빠른 읽기 후에 Ok : iframe의 내용이 항상 신뢰할 수있는 것은 아니므로 가능하지 않습니다. 이는 iframe의 콘텐츠가 합법적 인 로그인 상자를 배치하여 모든 사용자의 정보를 훔칠 수 있음을 의미합니다.

정말 당신의 사이트를 통해 팝업이 필요하다면 나는 그것을 달성하는 유일한 방법은 아약스를 통해 콘텐츠를로드하고 특정 div 귀하의 사이트에 삽입하는 것입니다 생각합니다.