Lexi Help
Partner
www.forumieren.com

[phpBB3]Hintergrund an Bildschirmauflösungen anpassen (Smartphone)

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB3]Hintergrund an Bildschirmauflösungen anpassen (Smartphone)

Beitrag von Osti am Di 22 Jan 2013 - 15:29

Hallo liebe Community,

ich bin dem Tutorial von Frank komplett gefolgt und es hat auch geklappt, danke dafür schonmal, jedoch wird das Hintergrundbild auf dem Smartphone nur sehr klein mittig angezeigt. Dabei habe ich einige Standartgrößen hinzugefügt. Findet jemand den Fehler? Oder geht das momentan noch nicht? Bitte um hilfe.

Danke im vorraus.

Bild der Bildschirmauflösungen von Smartphones:


Mein Code(mit ergänzungen):

Code:
var bg= "http://i13.servimg.com/u/f13/18/00/45/71/1920x113.jpg";

if(screen.width < 241) bg="http://www.abload.de/img/240x3207mszg.jpg";
else if(screen.width < 321) bg="http://www.abload.de/img/320x480assj4.jpg";
else if(screen.width < 481) bg="http://www.abload.de/img/480x800c6sjm.jpg";
else if(screen.width < 641) bg="http://www.abload.de/img/640x1136gps23.jpg";
else if(screen.width < 801) bg="http://i13.servimg.com/u/f13/18/00/45/71/800x6011.jpg";
else if(screen.width < 961) bg="http://www.abload.de/img/960x6404us21.jpg";
else if(screen.width < 1025) bg="http://i13.servimg.com/u/f13/18/00/45/71/1024x711.jpg";
else if(screen.width < 1153) bg="http://i13.servimg.com/u/f13/18/00/45/71/1152x811.jpg";
else if(screen.width < 1281) bg="http://i13.servimg.com/u/f13/18/00/45/71/1280x712.jpg";
else if(screen.width < 1361) bg="http://i13.servimg.com/u/f13/18/00/45/71/1360x711.jpg";
else if(screen.width < 1367) bg="http://www.abload.de/img/1366x7682kpiz.jpg";
else if(screen.width < 1401) bg="http://www.abload.de/img/1400x10506bo9i.jpg";
else if(screen.width < 1441) bg="http://i13.servimg.com/u/f13/18/00/45/71/1440x111.jpg";
else if(screen.width < 1601) bg="http://i13.servimg.com/u/f13/18/00/45/71/1600x911.jpg";
else if(screen.width < 1681) bg="http://i13.servimg.com/u/f13/18/00/45/71/1680x111.jpg";
else if(screen.width < 1801) bg="http://www.abload.de/img/1800x1440rvqq8.jpg";
else if(screen.width < 1921) bg="http://i13.servimg.com/u/f13/18/00/45/71/1920x113.jpg";

document.body.style.backgroundImage="url("+bg+")";

Ein Kumpel meinte "endif" fehlt doch dies funktioniert irgendwie auch nicht :S.

MfG


Zuletzt von Osti am Di 22 Jan 2013 - 15:39 bearbeitet, insgesamt 1 mal bearbeitet

Osti
Neuling
Neuling

Männlich Beiträge : 35
Anmeldedatum : 27.12.12

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3]Hintergrund an Bildschirmauflösungen anpassen (Smartphone)

Beitrag von Günther am Di 22 Jan 2013 - 15:35

Hallo Osti,

auf den meisten Mobilgeräten wird der Großteil solcher Javascripte nicht ausgeführt. Das gilt neben dem Script für die Hintergrundanpassung z.B. auch für Wechselschalter, für das Schneescript etc.
Der Großteil der Mobilgeräte kann diese Scripte nicht ausführen oder richtig interpretieren, also wirst du darauf leider verzichten müssen. Ich denke aber, dass das Hintergrundbild auf einem Smartphone auch nicht allzu sehr ins Gewicht fallen sollte.
@Osti schrieb:Ein Kumpel meinte "endif" fehlt doch dies funktioniert irgendwie auch nicht :S.
Das ist übrigens veraltetes Javascript, denn if-/else-Statements werden mittlerweile nicht mehr mit "endif" geschlossen. Wink

Liebe Grüße
Günther

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3]Hintergrund an Bildschirmauflösungen anpassen (Smartphone)

Beitrag von Osti am Di 22 Jan 2013 - 15:39

Vielen Dank für die wiedermal schnelle und sehr gute Antwort cheers

Kann geclosed werden top

Osti
Neuling
Neuling

Männlich Beiträge : 35
Anmeldedatum : 27.12.12

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3]Hintergrund an Bildschirmauflösungen anpassen (Smartphone)

Beitrag von Günther am Di 22 Jan 2013 - 15:40

Bitteschön, gerne. Smile
-closed-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten