News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

Antworten: 6
Seite [1]
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Thema - 29.06.2008 um 20:59 Uhr
Ich hab mich gerade gefragt, ob es irgendwie möglich ist, ein Bild z.B. einen Header bei einer bestimtmen Auflösung ersetzen zu lassen.

Ich möchte meine hohe Headergrafik bei einer Auflösung von 1280x1024 + Normal anzeigen lassen, ist die Auflösung kleiner als 1280x1024, soll diese durch eine kleinere ersetzt werden, damit der Abstand zum Content nicht so extrem ist und man nicht erst scrollen muss, umd en Content zu sehen.

Ich weiss, das es für Browser If abfragen gibt, die je nach Browser den CSS Stil wechseln.
Aber gibts auch eine if abrage für die Auflösung und wenn ja, kann ich anstatt das Bild per Background zu definieren und dieses per CSS zu laden, in der If abfrage irgendwie scho das Wechseln des Bildes mit einfügen?

Da ich die Header Grafik als Bild und nicht als Background setzen möchte, sehe ich da so einige schwierigkeiten.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"
Inaktiv
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 1 - 29.06.2008 um 23:07 Uhr
2 css-klassen.

javascript function per onload laden:
function set_header(){
if(auflösung < ...)
document.getElementById('header').className="small";
}


------------------
www.laszlokorte.de

Inaktiv
|
Nachtmeister
Thread-Ersteller


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 2 - 29.06.2008 um 23:19 Uhr
Und die Lösung für die, die kein javascript haben?


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 3 - 29.06.2008 um 23:22 Uhr
die lösung ohne javascript:

[Fehler 404]
Die Lösung ohne javascript konnte nicht gefundenen werden.
Klicken Sie hier um zu der Javascript-Lösung zurück zu kehren.


------------------
www.laszlokorte.de

Zuletzt editiert von SCHIRI ClanSphere Team am 29.06.2008 um 23:22 Uhr (1x Editiert)
Inaktiv
|
Nachtmeister
Thread-Ersteller


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 4 - 29.06.2008 um 23:40 Uhr
xD Gibts da denn kein html befehl wie bei der Browser sache? Ansonsten halt auch mit dem css change, sollte halt nur mit der Auflösung funktionieren statt mit dem Browser...

Ah, oder natürlich mit php. geht so etwas mit PHP?


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Zuletzt editiert von Nachtmeister am 29.06.2008 um 23:44 Uhr (1x Editiert)
Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 5 - 29.06.2008 um 23:57 Uhr
die auflösung musst erstmal herausgefunden werden und das geht nur mit js, da php ja serverseitig läuft und vom client-pc keine ahnung hat.


------------------
www.laszlokorte.de

Inaktiv
|
Nachtmeister
Thread-Ersteller


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 6 - 29.06.2008 um 23:59 Uhr
ah, kacke dann werd ichs wohl mal mit der Javascript Lösung machen. Wer halt kein Java hat und auch noch ne Auflösung von 1024x768 und kleiner hat, muss halt zuerst denn 500 pixel hohen header überbrücken ^^


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
Antworten: 6
Seite [1]


Sie müssen sich registrieren, um zu antworten.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo