Script für Auflösungswahl

[Deffcon]

Guten Tag,

Ich möchte auf meiner Seite durch die Auflösungswahl die Hintergründe anpassen.

Ich habe dieses Script gefunden, was zwischen 800x600 und 1024x768 unterscheidet.

<script language="JavaScript"><!--
MonitorAufloesung=screen.width
if(MonitorAufloesung >800)
{
window.location.href = "index1024.htm"
}
else
window.location.href = "index800.htm"
// -->
</script>

Ich wollte es jetzt modifizieren, dass es zwischen 800x600, 1024x768 und 1280x800 unterscheidet.

Leider reichen meine Kentnisse dazu nicht aus.
Kann mir das einer dafür anpassen?

Danke im voraus und liebe grüße

simon

 

[Asipak4You]

<script language="JavaScript"><!--
MonitorAufloesung=screen.width
if (MonitorAufloesung >= 1280)
{
window.location.href = "index1280.htm"
}
if(MonitorAufloesung >= 1024)
{
window.location.href = "index1024.htm"
}
else
window.location.href = "index800.htm"
// -->
</script>

 

[_Thor_]

Das würde wenig Sinn machen, da die Monitorauflösung nichts mit der Größe des Viewports vom Browser zu tun hat.

Im Browserfenster sind Menüleisten, Toolbars, Tabs usw. vorhanden, die den Viewport verkleinern. Ausserdem könnte dein Besucher seinen Browser nicht im Vollbild-Modus laufen haben.

Du siehst, die Monitorauflösung ist also völlig egal.

Schreib deine Seite lieber so, dass sie sich dynamisch an die Größe des Viewports anpasst, verwende möglichst keine festen Breiten, sondern lass das den Browser für dich übernehmen.

 

[Deffcon]

Das würde wenig Sinn machen, da die Monitorauflösung nichts mit der Größe des Viewports vom Browser zu tun hat.
Schreib deine Seite lieber so, dass sie sich dynamisch an die Größe des Viewports anpasst, verwende möglichst keine festen Breiten, sondern lass das den Browser für dich übernehmen.

Das habe ich, ich hab alles in % angaben gemacht und will nur den Hintergrund gescheit haben, da man den Hintergrund ja nicht dynamisch machen kann(hat man mir zumindest gesagt).

 

[Deffcon]

Hi Asipak.
Ich hab dein Script wie folgt übernommen:
<script language="JavaScript"><!--
MonitorAufloesung=screen.width
if (MonitorAufloesung >= 1280)
{
window.location.href = "1280/index.html"
}
if(MonitorAufloesung >= 1024)
{
window.location.href = "1024/index.html"
}
else
window.location.href = "800/index.html"
// -->
</script>

Jedoch unterscheidet er wie das ursprüngliche script nur zwischen 1024 und 800.

Das höchste klappt leider nicht.
Kannst du da vielleicht nochmal nachschauen?

trotzdem danke für deine bemühung.

 

[Deffcon]

kann das nicht jemand kurz anpassen?
Für jemand, der ahnung davon hat ist das ja kein ding
bitte...

 

[crash]

Auch wenn es wirklich Quatsch ist:

var files = [
    { width : 1280, redirect : "1280/index.html" },
    { width : 1024, redirect : "1024/index.html" },
    { width : 800, redirect : "800/index.html" }
];
for (var i = 0, file; file = files[i]; i++) {
    if (screen.width >= file.width) {
        location = file.redirect;
        break;
    }
}

Außerdem sei hieraus hingewiesen: https://developer.mozilla.org/En/CSS/Media_queries

 

[Efchen]

Das habe ich, ich hab alles in % angaben gemacht und will nur den Hintergrund gescheit haben, da man den Hintergrund ja nicht dynamisch machen kann(hat man mir zumindest gesagt).

Das ist richtig, ein Hintergrundbild kann man nicht skalieren.
Aber mit der Auflösung hat das trotzdem nichts zu tun. Wenn Du das von der Auflösung abhängig machst, wird es sogar noch schlimmer als ohne.

Stell Dir vor, jemand hat die Auflösung 1280x1024. Er stellt die Größe seines Viewports auf 800x600. Von Dir würde er mit einer Auflösungsweiche auf die 1280x1024er-Variante verwiesen, was aber mit einem Viewport von 800x600 völliger Schwachsinn ist.

Glaub denen, die es wissen: Eine Auflösungsweiche ist eines der nutzlosesten Dinge, die im WWW existieren.

 

[neuroleptika]

Mann könnte aber eine Elementenbreite auslesen.
Bei einem Element mit width:100%; von Body würde die Breite des Viewports in px herrauskommen.

In diesem Fall macht das aber auch keinen Sinn.