Resize
Chris
- javascript
Hallo Zusammen
Ich habe gerade eine Gallery erstellt aus der ich beim klicken auf ein Bild ein Popup öffne um das Bild gross darzustellen.
Ich habe 2 Bildergrössen 500x375 oder 375x500.
Das popup öffne ich 500x500 und nun möchte ich das Popup resizen.
Diese Funktion wird im body onload aufgerufen und soll das Fenster (innerWidth/innerHeight) auf 500x375 bzw. 375x500.
Wenn ich aber nun einen Resize mache, sind das die anzgane der Aussenseiten des Popup. Wie kann ich die inneren Grössen setzten?
Gibt es dazu irgend eine funktion die in allen Browsern funktioniert?
Danke für euer hilfe...
gruss
chris
Hallo,
Gibt es dazu irgend eine funktion die in allen Browsern funktioniert?
Nicht direkt.
Aber was ich probieren würde (achtung, pseudo-code):
1.) Du öffnest das Fenster
2.) Du bestimmst von geöffneten Fenster die innere Höfe und Breite
(innerWidth bzw. offsetWidth respektive InnerHeight,
offsetHeight).
3.) Du bestimmst vom geöffneten Fenster die äußere Breite und höhe
und bildest die differenz zu den inneren Maßen, also etwa so:
var diff_x = window.outerWidth - window.innerWidth;
var diff_y = window.outerHeight - window.innerHeight;
(bzw. für den IE dann mit den jeweils anderen Eigenschaften des
window-Objektes)
4.) Du machst einen Resize mit Hilfe dieses Differenzwertes:
window.resizeTo (500-diff_x, 375-diff_y);
(oder so ähnlich)
(ohne Gewähr)