High!
Neuer Tag, neues Schlamassel... für eine Titelleiste mit Logo-Grafik, deren Größe (sowohl die der Titelleiste als auch der Logo-Grafik - wer jetzt "SVG!" schreit, hat natürlich Recht, aber fürs erste will ich es bei herkömmlichen Bitmaps belassen) automatisch an die jeweilige Grafikauflösung angepasst werden soll, habe ich jetzt die <div>s immerhalb der Leiste definiert:
var w=screen.availWidth;
var h=screen.availHeight;
var pframe1=document.createElement("div");
pframe1.style.position="fixed";
pframe1.style.top="0px";
pframe1.style.left="0px";
pframe1.style.width=w;
pframe1.style.height=h/8;
pframe1.style.backgroundColor="#e77919";
document.body.appendChild(pframe1);
var i=-1;
var ps = 75*(h/768) // Seitenlänge der quadratischen Logo-Grafiken
caps = new Array(3);
while (i<2)
{
caps[i+1]=document.createElement("div");
caps[i+1].style.position="absolute";
caps[i+1].style.top="0px";
caps[i+1].style.left=(w-ps)/2+i*(20*(w/1024)+ps);
caps[i+1].style.width=ps;
caps[i+1].style.height=ps;
caps[i+1].style.backgroundImage="url(A.gif)";
pframe1.appendChild(caps[i+1]);
i++;
}
Nun meine Frage: ist es irgendwie möglich, Hintergrundbilder zu skalieren - oder muss ich dazu die Bilder konventionell als <img> in die Leiste einfügen?
Bis bald im Khyberspace!
Yadgar