Bildschirmauflösung des Besuchers automatisch ermitteln und Bilder auf die Größe . .

21.02.2010, 16:05

hallo,

ich hab in letzter zeit auf verschiedene fotografie und wallpaper - webseiten ein nette funktion gesehen.

durch ein script wird die bildschirmeinstellung des besuchers automatisch ermittelt und wenn man die bilder dort als hintergrund bzw. runterladen will dann wird das bild mit der passenden auflösung gewählt.

weiss jemand wie sowas realisiert ist, jquery mootools oder anderes framework evt.??

mfg

Chriz · 21.02.2010, 16:16

SELFHTML: JavaScript / Objektreferenz / screen

Damit kannst du das ganze Auslesen, ein PHP-Skript kann dir nun ein entsprechend großes Original auf die angeforderte Größe skalieren.

21.02.2010, 17:11

hallo,

nein das bild soll nicht gestreckt werden, sondern die bilder werden vorher in verschiedenen auflösungen erstellt.

mfg

Chriz · 21.02.2010, 17:15

Strecken und Skalieren ist etwas anderes. Ich bezweifle auch, dass du für alle möglichen Auflösungen (für iPhone, Double-Screen, alte und neue Monitorgrößen) die Bilder selbst erstellen möchtest. Aber selbst wenn, mit screen.width kannst du dem Benutzer zumindest einen Vorschlag machen.

21.02.2010, 18:05

ok aber ich bin sowohl javascript als auch php ein absoluter noob, werde mir mal paar tutorials ansehen und mich dann zurückmelden, dachte da gibt es schon was fertiges was man nur noch einbinden muss. bis dann.

p.s: was ist eigentlich leichter zu elernen?

mfg

Chriz · 21.02.2010, 18:44

Schwierig zu sagen. Ich hab notgedrungen alles nacheinander gelernt, weil die Entwicklung im Internet eben noch nicht so weit fortgeschritten war und nicht wie es jetzt viele tun: alles gleichzeitig lernen und dabei eigentlich keinen Plan von irgendwas haben, versuchen in JS PHP Funktionen aufzurufen oder sich wundern, warum man mit PHP eigentlich das HTML zerschiessen kann.

Ich hab also mit HTML angefangen (CSS war damals noch nicht verbreitet). Wenn du HTML gut kannst (ich meine alles bauen kannst was du brauchst, vielleicht sogar schon valides HTML produzierst:
The W3C Markup Validation Service
https://addons.mozilla.org/de/firefox/addon/249
suchst du förmlich nach CSS, um nicht jedes HTML-Element komplett neu formatieren zu müssen. Nach CSS kamen dann einige JavaScripte dazu (Counter, kleine Icons austauschen, ..) und erst danach kam so meine PHP-Zeit (PHP 4), kleine Gästebücher und Aufrufzähler auf Dateibasis. Später dann Datenbank.

Ich finde diese Reihenfolge eigentlich recht sinnvoll und man bekommt auch ein Gefühl dafür, welche Sprache für was verantwortlich ist und wie man untereinander agieren kann. Das ganze erzwingen geht wohl kaum. Ich würde mich trotzdem versuchen daran zu orientieren.

rudygotya · 22.02.2010, 01:46

Für ein Browserfenster würde es so funktionieren:

PHP-Code:

  function getWidth(){
    var de = document.documentElement;
    var width = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
    return width;
}

Für die Höhe geht das ganze analog. In der Literatur steht, wenn ich mich recht entsinne, dass man sich auf screen nicht unbedingt verlassen kann. Aber habs nie wirklich gebraucht.

grüße

25.02.2010, 04:00

sorry falls die frage dumm ist aber was genau bewirkt das nun?

nikosch · 25.02.2010, 04:47

Was könnte eine Funktion, die width zurückgibt wohl bewirken

26.02.2010, 01:33

ja schön die breite aber was kann ich damit nun anfangen, bzw wie sieht das nachher fertig aus?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Große Datenmenge (Bilder) verarbeiten	Logan1980	PHP Tipps 2009	7	01.01.2010 18:28
Bilder hochladen und automatisch kleines Vorschau-Bild erstellen	Moe LaRoqua	PHP Tipps 2009	7	24.11.2009 22:20
proportionales ändern der größe mehrerer in einem ordner befindlicher bilder?	creedkev	PHP Tipps 2009	2	17.09.2009 17:28
Größe der Bilder in einem Verzeichnis ändern	matze-pe	PHP Tipps 2009	5	19.08.2009 15:13
Zu Große bilder...	dredav	PHP Tipps 2009	3	05.08.2009 12:05
Bilder aus Datenbank / <img>-Tags automatisch generieren	Teela	PHP Tipps 2009	2	14.03.2009 17:40
Größe einer Zelle ermitteln	themonk	Datenbanken	8	19.07.2008 12:43
Bilder automatisch auslesen	Zangelo	PHP Tipps 2006	5	15.01.2006 18:45
Größe einer EXTERNEN - Datei ermitteln		PHP-Fortgeschrittene	14	22.04.2005 20:48
Bilder größe ermitteln		PHP Tipps 2005	5	10.01.2005 20:13
Bilder Automatisch anzeigen lassen?	test022	PHP Tipps 2004-2	7	23.12.2004 00:11
[Erledigt] Größe einer Abfrage ermitteln		Datenbanken	3	07.12.2004 17:29
Bilder automatisch bei der Anzeige verkleinern.		PHP Tipps 2004	3	16.08.2004 07:27
Bilder vor dem download automatisch verkleinern		PHP Tipps 2004	2	08.07.2004 02:04
Automatisch Logo in upgeloadene Bilder einblenden		PHP-Fortgeschrittene	3	16.06.2004 10:33

21.02.2010, 16:05
Nabonid Gast Beiträge: n/a	Bildschirmauflösung des Besuchers automatisch ermitteln und Bilder auf die Größe . . hallo, ich hab in letzter zeit auf verschiedene fotografie und wallpaper - webseiten ein nette funktion gesehen. durch ein script wird die bildschirmeinstellung des besuchers automatisch ermittelt und wenn man die bilder dort als hintergrund bzw. runterladen will dann wird das bild mit der passenden auflösung gewählt. weiss jemand wie sowas realisiert ist, jquery mootools oder anderes framework evt.?? mfg


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

21.02.2010, 16:16
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.069	SELFHTML: JavaScript / Objektreferenz / screen Damit kannst du das ganze Auslesen, ein PHP-Skript kann dir nun ein entsprechend großes Original auf die angeforderte Größe skalieren. __________________ "Nuschel ich?" - "Was?"

21.02.2010, 17:11
Nabonid Gast Beiträge: n/a	hallo, nein das bild soll nicht gestreckt werden, sondern die bilder werden vorher in verschiedenen auflösungen erstellt. mfg

21.02.2010, 17:15
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.069	Strecken und Skalieren ist etwas anderes. Ich bezweifle auch, dass du für alle möglichen Auflösungen (für iPhone, Double-Screen, alte und neue Monitorgrößen) die Bilder selbst erstellen möchtest. Aber selbst wenn, mit screen.width kannst du dem Benutzer zumindest einen Vorschlag machen. __________________ "Nuschel ich?" - "Was?"

21.02.2010, 18:05
Nabonid Gast Beiträge: n/a	ok aber ich bin sowohl javascript als auch php ein absoluter noob, werde mir mal paar tutorials ansehen und mich dann zurückmelden, dachte da gibt es schon was fertiges was man nur noch einbinden muss. bis dann. p.s: was ist eigentlich leichter zu elernen? mfg

21.02.2010, 18:44
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.069	Schwierig zu sagen. Ich hab notgedrungen alles nacheinander gelernt, weil die Entwicklung im Internet eben noch nicht so weit fortgeschritten war und nicht wie es jetzt viele tun: alles gleichzeitig lernen und dabei eigentlich keinen Plan von irgendwas haben, versuchen in JS PHP Funktionen aufzurufen oder sich wundern, warum man mit PHP eigentlich das HTML zerschiessen kann. Ich hab also mit HTML angefangen (CSS war damals noch nicht verbreitet). Wenn du HTML gut kannst (ich meine alles bauen kannst was du brauchst, vielleicht sogar schon valides HTML produzierst: The W3C Markup Validation Service https://addons.mozilla.org/de/firefox/addon/249 suchst du förmlich nach CSS, um nicht jedes HTML-Element komplett neu formatieren zu müssen. Nach CSS kamen dann einige JavaScripte dazu (Counter, kleine Icons austauschen, ..) und erst danach kam so meine PHP-Zeit (PHP 4), kleine Gästebücher und Aufrufzähler auf Dateibasis. Später dann Datenbank. Ich finde diese Reihenfolge eigentlich recht sinnvoll und man bekommt auch ein Gefühl dafür, welche Sprache für was verantwortlich ist und wie man untereinander agieren kann. Das ganze erzwingen geht wohl kaum. Ich würde mich trotzdem versuchen daran zu orientieren. __________________ "Nuschel ich?" - "Was?"

22.02.2010, 01:46
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 1.898 PHP-Kenntnisse: Fortgeschritten	Für ein Browserfenster würde es so funktionieren: PHP-Code: `function getWidth(){ var de = document.documentElement; var width = window.innerWidth \|\| self.innerWidth \|\| (de&&de.clientWidth) \|\| document.body.clientWidth; return width; }` Für die Höhe geht das ganze analog. In der Literatur steht, wenn ich mich recht entsinne, dass man sich auf screen nicht unbedingt verlassen kann. Aber habs nie wirklich gebraucht. grüße __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

25.02.2010, 04:00
Nabonid Gast Beiträge: n/a	sorry falls die frage dumm ist aber was genau bewirkt das nun?

25.02.2010, 04:47
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.257 PHP-Kenntnisse: Fortgeschritten	Was könnte eine Funktion, die width zurückgibt wohl bewirken __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

26.02.2010, 01:33
Nabonid Gast Beiträge: n/a	ja schön die breite aber was kann ich damit nun anfangen, bzw wie sieht das nachher fertig aus?