nicht angemeldet
zur jeder auflösung ein bestimmter hintergrund laden
hallo,
ich habe etwas ganz bestimmtes vor. ich denke dieses problem ist mit javascript zu lösen. ich möchte das mein script erkennt welche auflösung zur zeit eingestellt ist. dann möchte ich das mein script für jede auflösung einen ganz bestimmten hintergrund läd.
zum beispiel:
ich habe ne auflösung von 800*600. bei dieser auflösung soll hintergrund 1 geladen werden. bei 1024*768 soll hintergrund 2 geladen werden, usw.
ich kenne mich mit javascript leider überhaupt nicht aus. würde mich freuen wenn sich einer bereit erklären würde mir dieses script zu schreiben, für beispielsweiße zwei auflösungen. oder mir sagen kann wo ich mich darüber schlau machen kann. danke im voraus !!!
gruß
steffi
-
Das ist der falsche Ansatz, weil die Auflösung rein gar nichts über die tatsächliche Größe des Browser-Fensters aussagt. So eine Prüfung hat in der Praxis also wenig Sinn.
Wenn überhaupt, dann bitte die Maße des aktuellen Fensters abfragen.
MfG
Danny-
das sei erstmal dahingestellt.
ich kann doch mit javascript die derzeit eingestellte auflösung als alertmeldung auf den bildschirm saubern. dann muss es doch auch möglich sein für diese auflösung einen bestimmten hindergrund zu laden. auf die browser-fenster-größe kommts mir nicht an. mich interessiert wirklich nur die derzeit eingestellte auflösung.ich bitte um eine lösung und nicht was besser wäre...
gruß
steffi-
ich bitte um eine lösung und nicht was besser wäre...
Na, na! Das war ein gut gemeinter Ratschlag. Was hindert Dich denn daran, selbst aktiv zu werden und eine Lösung zu erarbeiten? Probiere es aus.
-
mein gott, wie hilfsbereit du doch bist. ich habe es probiert sonst würd ich nich fragen. aber vielleicht kannst du mir ja bei dieser sache helfen:
<script type="text/javascript" language="JavaScript1.2">
<!-- Begin
function aufloesung(){
var hoehe = screen.height
hoehe = parseInt(hoehe)
if (hoehe == 768 ){
alertmeldung
alert ("Einstellungen ist 1024x768")
// umleitung
this.location.href="hintergrund_1.jpg" //diese anweisung ist bestimmt falsch, was muss hier hin????????????
}
else if(hoehe == 1024)
{
alertmeldung
alert ("Einstellungen ist 1280x1024")
// umleitung
this.location.href="hintergrund_2"
}
}function losgehts(){
window.status = "Auflösung wird ermittelt"
timer1 = window.setTimeout("aufloesung()", 3000)
}
// End -->
</script>...
<body background="javascipt:losgehts()">
...this.location.href="hintergrund_1.jpg"
das muss bestimmt ne andere anweisung hin, aber welche ???????
-
-
-
-
Okay, will mal nicht so sein. ;)
Also, die Auflösung steht im screen-Objekt:
var w = screen.width;
var h = screen.height;Die Abfrage könnte so aussehen:
if (w == 800 && h == 600)
{
alert(800x600);
}
else
etc.Das Hintergrundbild kannst Du mit CSS-Eigenschaften einbinden:
body { background: url(img/bg_800600.jpg) }simples Lösungsbeispiel (in <head> einfügen):
d = document;
w = screen.width;
h = screen.height;d.write('<style type="text/css">');
if (w < 800 || h < 600)
d.write('body { background: url(img/bg_small.jpg) }');if (w == 800 && h == 600)
d.write('body { background: url(img/bg_800x600.jpg) }');if (w == 1024 && h == 768)
d.write('body { background: url(img/bg_1024x768.jpg) }');if (w == 1280 && h == 1024)
d.write('body { background: url(img/bg_1280x1024.jpg) }');if (w > 1280 || h > 1024)
d.write('body { background: url(img/bg_big.jpg) }');d.write('</style>');
-
hab das mal ausprobiert, hab das hindergrundbild wird nicht geladen?
<html>
<head>
<style type="text/css">
d = document;
w = screen.width;
h = screen.height;if (w == 1024 && h == 768)
d.write('body { background: url('hintergrund_1.jpg'); }');</style>
</head><body { background: url(img/bg_800600.jpg) }>
</body></html>
hab ich da was flasch gemacht?
also ich hab das beispiel jetzt nur für meine auflösung erst mal genommen.-
Ja, aber kein Problem. Hab verständnis dafür, bist ja Anfängerin.
Es fehlte die Einleitung des Javascript-Bereichs und das Script darf nicht innerhalb des CSS-Bereichs stehen. Außerdem war da noch ein Fehler in meinem Code drin. Versuch's mal damit:
<html>
<head>
<script language="javascript" type="text/javascript">
d = document;
w = screen.width;
h = screen.height;d.write('<style type="text/css">');
if (w == 1024 && h == 768)
d.write("body { background: url('hintergrund_1.jpg'); }");d.write('</style>');
</script>
</head>
<body>
</body>
</html>-
ich danke dir vielmals, danke danke danke....
bist echt en schatz...sorry das ich dich vorhin so angemacht hab, dachte du bist wieder so en gluckscheisser wie viele andere. die alles besser wissen aber eigentlich keine ahnung haben. so einer bist du nicht.
dabke dir noch mal...
gruß
steffi-
Bitte. Fühle mich geehrt. :)
Tschau!
-
-
-
-