TIWImage mit angepasster Größe auf der Seite

Hallo
ich habe ein kleines Problem mit dem TIWImage auf der resultierenden Seite. Vorab: Ich verwende Delphi XE2 im IntraWeb in der 12.2.28 Version.
Ich lade das Bild vom FTP und strame es als Source zur TIWImage-Componente. Funktioniert so echt gut.
Das Problem ist, dass das Bild viel größer ist als das Fenster des Explorers. Ich benutze aktuelle eine "Resize"-Funktion im OnClick-Event ( TIWImage -> Scripte-Events-> OnClick). Auch das arbeitet fantastisch. Also momentan passt es das Bild entsprechend der größes des Fensters an und kann es auch wieder auf die original Größe bringen.
Die Relationen bleiben erhalten.

Ich suche also nach einer Möglichkeit das Bild entsprechend der Seite maximiert anzupassen nach dem es geladen wurde. Somit hab ich dann immer noch die alten Maße, die für das Zoomen wichtig wären.

Ich habe bereits versucht, dass folgende Script(das liegt normalerweise im OnClick-Event) im "OnLoad" und "OnSubmit"- Event zu legen, aber es passierte nichts.
Desweiteren versuchte ich, das Script einfach in das Template zu legen, nachdem das Bild aufgerufen wird, so dass dieses im Anschluss ausgeführt wird. Aber auch das brachte nichts.

Hier erstmal das Script:

markieren

Code:

			function first_Size_Image(){

            var ParWnd = $(window);

            if ((LOldHeight == 0) || (LOldWidth == 0)) {

                LOldHeight = document.getElementById("IWIMAGE1").style.height;

                LOldWidth = document.getElementById("IWIMAGE1").style.width;

                var Zoom   = Math.min(ParWnd.width() /document.getElementById("IWIMAGE1").style.width, ParWnd.height()/document.getElementById("IWIMAGE1").style.height);

              /*needs only one property, the other is set by default in original relation*/

                document.getElementById("IWIMAGE1").style.height = LOldHeight*Zoom;

                document.getElementById("IWIMAGE1").style.width = LOldWidth*Zoom;

              } else {

                document.getElementById("IWIMAGE1").style.height = LOldHeight;

                document.getElementById("IWIMAGE1").style.width = LOldWidth;

                LOldHeight = 0;

                LOldWidth = 0;

            }

        }

        first_Size_Image();

Zu letzt versuchte ich das Script in das "Java-Script"-Property der Iw-Form zu integrierten. Aber auch hier keinen Erfolg.
Jedesmal, wenn ich mit dem Debugger durch das Script gehe, und beim resizen ankomme, sagt der mir "document.getElementById("IWIMAGE1").style.wid th ist undefined".
Es spielt leider auch keine Rolle, ob ich das Style-Property oder das einfach width des Images verwende.

Ich wäre für jeden Hinweis dankbar.

Grüße

TIWImage mit angepasster Größe auf der Seite

TIWImage mit angepasster Größe auf der Seite

Forumregeln