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

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

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.

Liebe Grüße
Günther

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

Kann geclosed werden

Bitteschön, gerne.
-closed-