Sebastian: Bilder im Print-Style

Beitrag lesen

Hallo,

ich beiße mir da gerade an einem Problemchen die Zähne aus. Und zwar erstelle ich gerade für meine Seite ein vernünftiges Print-Style - oder zumindest versuche ich das.

Meine Seite ist eine kleine Photo-Page und so kommt es dass auf vielen Seiten Bilder zu sehen sind. Nun möchte ich dass man die auch vernünftig ausdrucken könnte (ich weis, das wird niemand tuhen, aber man muss ja auf alles vorbereitet sein ;)

Viele der Bilder sind "zu groß". Auf dem Bildschirm lasse ich sie per JavaScript skalieren, alle paar Milisekunden um auf Größenänderungen des Fensters reagieren zu können. Aber wie bekomme ich das Bild zum Drucken auf die richtige Größe? Per CSS (width:100%) verzerre ich mir nur das Bild da ich die entsprechende Höhe nicht ermitteln kann...

Eine reine CSS-Lösung wäre mir am liebsten, aber da sehe ich irgendwie schwarz... Eventuell ginge es mit JS, aber wie finde ich da raus ob das Bild gerade gedruckt werden soll?! Kann man irgendwo abfragen wecher Style aktiv ist? Werden JavaScripts in der Druckvorschau überhaupt ausgeführt?

Ihr seht, ich brauche Hiiiilfe!! ;)

Hier ein Beispiel: http://www.sebastian-thurm.de/index.php?ID=1183327379

(Und ja, ich weis dass das CSS Style bei älteren Browsern gar nicht geht!)