Moin zusammen,

ich möchte ein Bild mittig positionieren. Dafür habe ich folgenden Code in JavaScript:

startbild = new Image();
startbild.src = "Laden.gif";

var bildbreite = startbild.width;
var bildhoehe = startbild.height;
var fensterBreite = screen.availWidth;
var fensterHoehe = screen.availHeight;

var MitteX = Math.round((fensterBreite / 2) - (bildbreite / 2));
var MitteY = Math.round((fensterHoehe / 2) - (bildhoehe / 2)) - 100;


Beim ersten Aufruf hat er in bildbreite und bildhoehe eine "0" stehen.
Bei Aktualisierung der Internetseite mit F5 hat er die richtigen Angaben.

Wie ist das möglich?
(ich möchte keine Vorschläge wie "Center" und Co., da ich diese Angaben zu weiteren Berechnung benötige.)

Herlichen Dank im Vorraus.

Gruß Botta

hallo Botta

weiss nicht genau ob das geht resp. was die verschiedenen browser davon halten, aber vielleicht bringt dich das weiter.

var bildbreite = 0;
var bildhoehe = 0;
startbild = new Image();
startbild.onload = function() {
bildbreite = this.width;
bildhoehe = this.height;
};
startbild.src = "Laden.gif";

var fensterBreite = screen.availWidth;
var fensterHoehe = screen.availHeight;

var MitteX = Math.round((fensterBreite / 2) - (bildbreite / 2));
var MitteY = Math.round((fensterHoehe / 2) - (bildhoehe / 2)) - 100;


hth
gruss
Steven


ps: auf timing probleme achten!

Moin Steven,

es funktioniert leider nicht, habe immer noch das selbe Problem.
Aber ich glaube verstanden zu haben, was du meinst und zwar kann er mir keine Bildbreite geben, wenn er zwar weiß welches Bild erladen soll, es aber noch nicht vollständig getan hat.

Habe ich das richtig verstanden?

Dann werde ich mal nach einer anderen Lösung suchen.
Ich danke dir.

Gruß Botta