Entwickler-Ecke
Off Topic - [HTML] Hintergrund Bild an Auflösung anpassen
Philipp_Reitter - Do 06.09.07 09:23
Titel: [HTML] Hintergrund Bild an Auflösung anpassen
hi
ich hab ein 1600 * 1200 hintergrundbild in meiner seite
bei meinem bildschurm sieht das ganze ja schön aus aber auf anderen (1024*768 bps.)
passt sich das bild nicht an den bilschrim an...
kann ich das irgendwie machen?
mfg
philipp
gdvLive - Do 06.09.07 10:12
du könntest das bild in verschiedenen größen abspeichern und dann beim aufruf der seite mit javascript die bildschirmauflösung überprüfen und dann das entsprechende bild als hintergrund setzen
vom code her würd ich das so machen:
Quelltext
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
| <script type="text/javascript">
// Auslesen, wie breit das Fenster ist
if (window.innerWidth <= 640) {
document.html.body.style.display.backgroundImage = /* Link zum Bild mit 640px breite */;
} elseif (window.innerWidth <= 800) {
document.html.body.style.display.backgroundImage = /* Link zum Bild mit 800px breite*/;
} elseif (window.innerWidth <= 1024) {
document.html.body.style.display.backgroundImage = /* Link zum Bild mit 1024px breite */;
} elseif (window.innerWidth <= 1280) {
document.html.body.style.display.backgroundImage = /* Link zum Bild mit 1280px breite */;
} elseif (window.innerWidth <= 1600) {
document.html.body.style.display.backgroundImage = /* Link zum Bild mit 1600px breite */;
} else {
}
</script> |
Wer den Code anders machen will/kann/möchte, soll bitte helfen.
mfg Markus
Entwickler-Ecke.de based on phpBB
Copyright 2002 - 2011 by Tino Teuber, Copyright 2011 - 2025 by Christian Stelzmann Alle Rechte vorbehalten.
Alle Beiträge stammen von dritten Personen und dürfen geltendes Recht nicht verletzen.
Entwickler-Ecke und die zugehörigen Webseiten distanzieren sich ausdrücklich von Fremdinhalten jeglicher Art!