✔ Per Button iFrame-Größe ändern

L

Lohrus

Grünschnabel
Hallo,

ich möchte per button klick die Auflösung eines iframes verändern mit allem was darin ist.
klappt aber leider nicht.


so schaut mein code aus:

<input type="button" name="res1" value="1280x768"
onclick="Bildframe.size= width:1280 height:786">

<iframe src="loading.gif" name="Bildframe" width="" height=""
scrolling="yes" frameborder="0" align="left">

danke im vorraus.

MfG
 
es soll gar kein window objekt erzeugt werden.

der button sitzt über dem iframe. klicke ich auf diesen ändert sich die auflösung des iframe. derzeit zeigt er mir das iframe an aber der button ändert dessen auflösung halt noch nicht. geplant ist 3 buttons mit den gängigen auflösungen. so das ich mir die größen dann anschaun kann.
 
Lohrus hat gesagt.:
es soll gar kein window objekt erzeugt werden.
Zum Vergrößern anklicken....
Da jedes Frame-Fenster aus Sicht des Browsers ein eigenes Fenster darstellt, ist das frames-Objekt lediglich eine Variante des window-Objekts, also des allgemeinen Fensterobjekts. Alle Eigenschaften und Methoden, die zum window-Objekt gehören, lassen sich auch auf das frames-Objekt, also auf einzelne Frame-Fenster anwenden.
Zum Vergrößern anklicken....

Und achte bitte auf die Netiquette bzgl. der erwünschten Groß- und Kleinschreibung.

mfg Maik
 
Danke für die Aufklärung ;).

<input type="button" name="res1" value="1280x768"
onclick="Bildframe.resizeTo(1280,786)">

<iframe src="loading.gif" name="Bildframe"
scrolling="yes" frameborder="0" align="left">

</iframe>

es ändert sich leider nun trotzdem nix an der Auflösung :(.

MfG
 
Bei mir klappt es so:

HTML: 
<html><head><title>Test</title>
<script type="text/javascript">
function test (breite, hoehe) {
var h = hoehe;
var b = breite;
  document.all.Bildframe.setAttribute("width", b, 0);
  document.all.Bildframe.setAttribute("height", h, 0);
}
</script>
</head><body>

<input type="button" name="res1" value="1000x750" onclick="test(1000,750)">
<br />
<input type="button" name="res1" value="750x500" onclick="test(750,500)">
<br />
<input type="button" name="res1" value="500x250" onclick="test(500,250)">
<br />

<iframe src="loading.gif" name="Bildframe" id="Bildframe" width="" height="" scrolling="yes" frameborder="0" align="left">
</iframe>
</body></html>
 
Vielen Dank das schaut sehr gut aus.

so wollt ich es in etwa haben. Muss es jetz nur noch hinbekommen dass das Bild im Frame mit der Auflösung sich verändert.

MfG
 
Hi,
du könntest ja die aktuelle DOM-Größe abfragen und dann das entsprechen aufgelöste Bild laden lassen.

So eine Idee von einem JS Newbie. Also keine Garantie dass das funktioniert :).

Gruß
 
Soll je nach Auflösung ein anderes Bild geladen werden oder soll die Größe des Bildes auf die Größe des IFRAME angepasst werden?
 
die Größe des Bildes soll auf die Größe des IFRAME angepasst werden.

ich hab es mal mit padding probiert.

MfG
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück