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