0

どうやって：

  1. 外部 iFrame が読み込まれるのを待ちます
  2. 外部ソースの iFrame のサイズ変更 (例: 100px x 40px)
  3. 外部ソースの iFrame のオフセット (例: 25px x 50px)

サンプルコード:

<html>
<body>
    <p>Here's Google's Logo Today:</p>
    <iframe id="google_logo" src="http://www.google.com/search?q=stackoverflow"></iframe>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {});
    </script>
</body>
</html>

外部 iFrame のコンテンツを取得できないことはわかっていますが、サイズ変更とオフセットについてはどうでしょうか。

私の例がばかげていることも知っています。

4

1 に答える 1

0

外部 iframe が完全にロードされたときにイベントを発生させることはできませんが、残りは可能です。

フレームを div でラップする

<div id="frame_wrapper">
  <iframe id="google_logo" src="http://www.google.com/search?q=stackoverflow"></iframe>
</div>

次の jQuery を追加します

$(document).ready(function() {
  $("#frame_wrapper").addClass("iframe_shift");
});

次の CSS を追加します。

#google_logo { width: 100%; height: 100%; }
.iframe_shift { width:100px; height: 45px; position: relative; top: 25px; left: 45px;  }​
于 2012-04-12T15:19:58.280 に答える