Wie kann ich einen Iframe mit einer externen Quelle skalieren und den Inhalt versetzen?

Wie kann ich:Wie kann ich einen Iframe mit einer externen Quelle skalieren und den Inhalt versetzen?

Warten Sie einen externen iFrame
Resize extern beschafften iFrame (ex: 100px x 40px) laden
Offset extern beschafften iFrame (ex: 25px x 50px)

Beispielcode:

<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>

ich weiß, dass Sie nicht die Inhalte externer bekommen iFrame, aber was ist mit Größenanpassung und Offset?

Ich weiß auch, mein Beispiel ist lächerlich.

Quelle

2012-04-12 Ryan

Sie können kein Ereignis auslösen, wenn ein externer Iframe voll geladen ist, der Rest ist jedoch möglich.

Wickeln Sie den Rahmen in einem div

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

Fügen Sie den folgenden jQuery

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

Fügen Sie den folgenden CSS

#google_logo { width: 100%; height: 100%; } 
.iframe_shift { width:100px; height: 45px; position: relative; top: 25px; left: 45px; }

Quelle

2012-04-12 15:19:58

Wie kann ich einen Iframe mit einer externen Quelle skalieren und den Inhalt versetzen?

Antwort

Verwandte Themen