Bild der Bildschirmauflösung anpassen

[tp_two]

Nu noch 'n Post ;-)

Ist es generell möglich, Bilder (JPEG's) der Bildschirmgröße anzupassen bzw. gibt es hierfür Scripts oder ähnliches?

Ich verwende nämlich auf meiner Seite (43. Bregenzerwälder Bezirksmusikfest 2008 :: 10. - 13. Juli in Hittisau) einen Header der die ganze Seite lang sein soll.
Da ich selber mit einer Bildschirmauflösung 1280x1024 arbeite, habe ich den Header ensprechend (groß) erstellt.

Schaue ich mir das ganze aber auf einem anderen Bildschirm an (Auflösung 1024x768 wird das Bild leider abgeschnitten.

BESTEN DANK FÜR EURE HILFE!

 

[gruenspan]

JPG's o.ä. an die Auflösung des Bildschirms anzupassen ist so nicht möglich. Es handelt sich schließlich um Pixelbilder.

In Deinem Fall bleibt höchsten die Möglichkeit die Bildschirmauflösung per JavaScript auszulesen und ein entsprechendes Alternativbild zu laden. Allerdings weißt du immer noch nicht, wie groß das Browserfenster tatsächlich ist. Nicht jeder User maximiert stetig alle seine Fenster.

Ich würde von einer Bildschirmauflösung von 1024x768 ausgehen und das Bild entsprechend anpassen.

 

[tp_two]

Weißt du zufällig, wie ein solches JavaScript in meinem Fall aussehen müsste bzw. woher ich so etwas hernehmen könnte?

Nochmals besten Dank!

 

[gruenspan]

document.write(screen.width + " x " + screen.height)

...google doch mal selbst ;-)

 

[Körnerbrötchen]

Nee, ich würde den Header einfach umbauen und habs dir schon einmal vorgemacht.
Schaust du hier...

Ich habe einfach als Background des Header folgendes Bild genommen:

Dann habe ich padding auf 0 gesetzt und den Schriftzug passend ausgeschnitten und in die Tabellenzelle gesetzt:

Dies ist der veränderte Code des Headers:

<td background="images/header.png" style="height:149; text-align:center; padding:0"><img src="images/header3.jpg" alt="Bregenzerwälder"></td>

Speicher also die beiden Bilder im Ordner images ab und ändere den bisherigen Code

<td background="images/header.jpg" height="149">&nbsp;<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</td>

in den oben angegebenen Code ab.

 

[tp_two]

Hey Spitze - vielen Dank!

Werde ich heute abend gleich mal ausprobieren :-D