Auflösung auslesen und background-img auto. zerren
0 0 0 0 0 0 
Manuel B.
0 
JürgenB
0 
Der Martin
Auflösung auslesen und background-img auto. zerren
Hi Leute!
Meine Page bzw. mein Hintergrundbild ist optimiert für 1024*768.
Was ist aber wenn einer mit einer anderen Auflösung auf die Page kommt?
Bsp. 800*600 oder 1600*1200.
Wie kann ich es machen, das die Auflösung des Besuchers ausgelesen wird und anschließend das Bild passend gezerrt wird?
Wäre nett wenn sich jemand die Mühe machen würde!
THX im Vorraus!
mfg
Phil ;)
-
Hi!
[Hintergrundbild zerren]
Das geht leider nicht. Ausserdem sähe ein gezerrtes Hintergrundbild höchstwhrscheinlich ziemlich dämlich aus, wenn man z.B ein Browserfenster von 800*750 hätte - dann würden die Seitenverhältnisse nciht mehr passen.
Nicht jeder surft im fullscreen-Modus.
Gruß aus Iserlohn
Martin
-
Hell-O!
Meine Page bzw. mein Hintergrundbild ist optimiert für 1024*768.
Was ist aber wenn einer mit einer anderen Auflösung auf die Page kommt?
Bsp. 800*600 oder 1600*1200.Dann kannst du das Bild kacheln lassen oder anderweitig positionieren, sodass es deinen Vorstellungen entsprechend aussieht.
Wie kann ich es machen, das die Auflösung des Besuchers ausgelesen wird und anschließend das Bild passend gezerrt wird?
Du kannst die *Auflösung* nicht ohne weiteres abfragen, nur die Dimensionen des Anzeigenbereichs mit Hilfe der einschlägigen Eigenschaften des window-Objektes. Doch selbst wenn du diese Angaben hättest, könntest du das Bild nicht strecken, lediglich dynamisch ein anderes Hintergrundbild einbinden. Sollte der User allerdings den Anzeigenbereich seines Browsers ändern, kann Unvorhergesehenes passieren. Du solltest also besser dein Hintergrundbild optimieren.
Siechfred
-
HM meint ihr nicht man kann das mit screen auslesen und dann die bild größer ändern? also z.b.
function aufloesung() {
if (screen.width = 1600 and screen.height = 1200) {
document.bgn1.width = 800;
document.bgn1.height = 600;
{irgend sowas? also das geht jetzt nicht aber so in der art vllt.?
Hi Leute!
Meine Page bzw. mein Hintergrundbild ist optimiert für 1024*768.
Was ist aber wenn einer mit einer anderen Auflösung auf die Page kommt?
Bsp. 800*600 oder 1600*1200.
Wie kann ich es machen, das die Auflösung des Besuchers ausgelesen wird und anschließend das Bild passend gezerrt wird?Wäre nett wenn sich jemand die Mühe machen würde!
THX im Vorraus!mfg
Phil ;)
-
Hallo Phil.
HM meint ihr nicht man kann das mit screen auslesen und dann die bild größer ändern?
Hast du die Postings von Martin und Siechfried überhaupt gelesen?
Die Bildschirmauflösung ist für dich ohne jeglichen Belang, irrelevant, unwichtig, von keinerlei Bedeutung und für dich nicht interessant.also z.b.
function aufloesung() {
if (screen.width = 1600 and screen.height = 1200) {Hier versuchst du, die Bildschirmauflösung auf 1600*1200 zu setzen.
Ich bezweifle stark, dass dies bei irgend einem System möglich ist.
(Erklärung: „=“ ist der http://de.selfhtml.org/javascript/sprache/operatoren.htm#zuweisung@title=Zuweisungsoperator und „==“ ist der http://de.selfhtml.org/javascript/sprache/operatoren.htm#vergleich@title=Vergleichsoperator.)Einen schönen Mittwoch noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/ -
-
Hi,
irgend sowas? also das geht jetzt nicht aber so in der art vllt.?
Ich habs nicht probiert, aber z.B. bei mir würds mit Sicherheit nicht gehen.
Ich hab zwei Monitore mit verschiedenen Auflösungen und das Browserfenster wird durch Taskleiste, div. Symbolleisten, ab und zu Sidebars usw. beschränkt.Das heisst, die einzige Möglichkeit, die halbwegs effektiv wäre, ist wenn du die verfügbare Browserfläche (beim IE war das glaub ich innerWidth und innerHight) ausliest. Obs sowas beim FF gibt, musst du nachlesen (natürlich auch für Opera und evtl. Konqueror).
-
Hallo Phil,
das Beste wäre, du bastelst ein Hintergrundbild mit Farbverlauf zum Rand hin, das du dann als zentrierten Hintergrund nimmst. Gleichzeitig gibst du dem Hintergrund die entsprechende Farbe.
Wenn das Bild dann zusätzlich noch an die Größe angepasst werden soll, hilft dir vieleicht http://www.uni-muenster.de/Physik/. Hier werden einige Bilder in drei Stufen an die Größe des Browserfensters angepasst. Statt der src der <img>s müsstst du dann das Hintergrundbild des <body> anpassen.
Gruß, Jürgen
-
Hallo,
function aufloesung() {
if (screen.width = 1600 and screen.height = 1200) {
abgesehen davon, dass du hier eine Zuweisung und keinen Vergleich formulierst und die logische UND-Verknüpfung in JS mit dem Operator && notiert wird: Wie kommst du auf die abstruse Idee, die Bildschirmauflösung hätte irgendwas mit der Browserfenstergröße zu tun? Die Auflösung, d.h. Bildschirmgröße ist für das Design einer Webseite völlig irrelevant. > > Hi Leute! > > Meine Page bzw. mein Hintergrundbild ist optimiert [...] Und bitte kein [TOFU](http://de.wikipedia.org/wiki/TOFU), okay? Ciao, Martin -- Ungeschehene Ereignisse können einen katastrophalen Mangel an Folgen nach sich ziehen. (Unbekannter Politiker)
-