Du bist nicht angemeldet. [Anmelden]
Optionen
Thema bewerten
Hintergrund automatisch anpassen - #1416074 - 15.03.2008, 18:30:02
BasixX

Registriert: 14.02.2007
Beiträge: 2.861
Tach'chen,

wie kann ich das einstellen, dass der Hintergrund bei jeder Auflösung automatisch angepasst wird?

Manche haben ja ne Auflösung von 800x600, da soll das Bild dann auch 800x600 annehmen, andere haben ja 1280x1024 und da soll das Bild dann wiederrum auch 1280x1024 annehmen ...

Hab ja schon per Suchfunktion versucht was zu finden, doch da habe ich genauso wenig gefunden, wie auf chathomepage.de unschlüssig

Nun hoffe ich hier auf eure Hilfe ^^

LG
_________________________
~ this is sic. ~

[zum Seitenanfang]  
Re: Hintergrund automatisch anpassen [Re: BasixX] - #1416099 - 15.03.2008, 19:02:36
aboleo
Nicht registriert


http://de.selfhtml.org/javascript/objekte/window.htm
Das mit [color:"red"]innerHeight[/color] und [color:"red"]innerWidth[/color] durchlesen.

[zum Seitenanfang]  
Re: Hintergrund automatisch anpassen [Re: ] - #1416140 - 15.03.2008, 19:34:06
BasixX

Registriert: 14.02.2007
Beiträge: 2.861
So richtig durchblicken tu ich da nicht todtraurig
_________________________
~ this is sic. ~

[zum Seitenanfang]  
Re: Hintergrund automatisch anpassen [Re: BasixX] - #1416187 - 15.03.2008, 20:31:38
aboleo
Nicht registriert


eine sehr einfach Methode waere wohl folgende:

Zitat:
<script language="javaScript">
var aufloe = screen.Heightvar aufloe = screen.Widthif ( aufloe == "600" && scrw == "800" ) {
document.write("<body background='[color:"red"]deinBildin800x600px.jpg[/color]'>")
}
else {
document.write("<body background='[color:"red"]deinBildin1024x768px.jpg[/color]'>")
}
</script>

Rot markierte Bereiche bitte durch einen Hintergrund in der entsprechenden Groesse verlinken.

Aber wirklich dynamisch ist das auch nicht, zudem gibt es einige Interpretationsfehler bei dem ein oder anderen Browser -der eine kennt diese, der andere jene js-Anweisung nicht. Aber vllt. kommt ja jemand, der sich damit umfassender beschaeftigt hat.

Dann gibt es eine rein css-Basierte Loesung, die eigentlich eher bei keinen ganzen Bildern sondern nur bei bestimmten Farbverlaeufen zum tragen kommt in dem man entweder in der Vertikalen, einen entsprechend grossen Bereich vordefiniert und sich den wiederholen laesst oder eben in der Horiziontalen.
Zitat:
* body { background:#000 url('http://www.hg.jpg') repeat-x}

repeat-x kann man dann auch mit repeat-y machen, kommt halt drauf an, wie schon oben beschrieben. Geht eben nur mit Grafiken, die sich in bestimmten, kontinuierlichen Abstaenden wiederholen.

[img]http://www5.picfront.org/picture/uo7cQwmEDj/img/Background_by_GixorKopie.gif[/img]
Dieser Bild, habe ich z.B. auf meiner aktuellen HP gesetzt und lasse es sich wiederholen, um das mal mit einem Beispiel zu belegen.

Vllt. kannst du ja zumindest mit den hier vorgeschlagenen Methoden einen Kompromiss finden.

                                                                                 ~leo

[zum Seitenanfang]