Beim Drucken andere Bilder

[Kalle]

Hallöle,

habe für ein Lokal Seiten gemacht, die mit dem Firefox auch als Karte ausgedruckt werden.

Die Bilder sind allerdings für den Bildschirm unnötig groß. Kann man per CSS steuern, dass für die Anzeige das kleinere Bild geladen wird?

Idee (getestet mit IE 5 und FF 1.5):

@media screen {
  img.print{display:none}
}
@media print{
  img.screen{display:none}
}

<img src='bild_kl.jpg' class=screen>
<img src='bild_gr.jpg' class=print>

Aber wie kann ich kontrollieren, ob das verborgene Bild auch wirklich nicht geladen wird? Und hält sich jeder Browser an die Angaben?

Oder gibt es einen ganz andere Ansatz?

Lieben Gruß, Kalle

[Gunnar Bittersmann]

Hello out there!

Oder gibt es einen ganz andere Ansatz?

Du könntest zusätzlich eine Druckversion anbieten (diese auch gern in PDF). Die ließe sich auch serverseitig dynamisch aus deinem HTML-Dokument und den Bilddateien generieren.

See ya up the road,
Gunnar

[Stefan]

Hallo,
ich beschäftige mich exakt mit dem selben Problem. Ich habe eine Seite für die Bildschirmausgabe optimiert und habe als zweite Datei eine HTML Datei, wo die Grafik gedreht (damit sie auf das gesamt A4 Blatt passt) eingebettet ist und gedruckt werden kann.

Toll wäre aber, wenn ich z.B. den Befehl javascript:window.print() in der HTML-Datei die für die Bildschirmausgabe optimiert ist, die zweite HTML-Datei ausdrucken kann.

Oder kennt jemand eine andere Lösung? Im Ergebnis soll nur die Grafik die mit 300 dpi vorhanden ist gedruckt werden.

mfg
Stefan

[Der Martin]

Hallo Stefan,

Toll wäre aber, wenn ich z.B. den Befehl javascript:window.print() in der HTML-Datei die für die Bildschirmausgabe optimiert ist, die zweite HTML-Datei ausdrucken kann.

ja und? Lade die Print-optimierte Seite in ein Popup oder ein unsichtbares iframe, und drucke dann dessen Inahlat per Javascript.

Und vergiss nicht, die Print-optimierte Seite auf irgendeine Weise auch Besuchern ohne JS zugänglich zu machen. Ein kleiner Link "Druckversion dieser Seite" hat sich da schon oft bewährt.

So long,
 Martin