Kalle_B: Werden Bilder "display:none" geladen?

Hallöle,

Thema: Vereinszeitung mit HTML und CSS machen.

Die Schrift ist skalierbar und sollte kein Qualitätsproblem bereiten. Lediglich die Bilddateien müssen zum Drucken _erheblich_ größer sein, siehe
http://osmer.de/report_53/#bil

Idee:
<img class=anzeigen src='anzeigen/bild1.jpg'>
<img class=drucken  src='drucken/bild1.jpg'>

<style type="text/css">
@media print {
.anzeigen {display:none}
}
@media screen, handheld {
.drucken{display:none}
}
</style>

Ist gesichert, dass die großen Druckdateien bei der Anzeige _nicht_ geladen werden?

Kalle

  1. Hallo!

    Ich habe vor längerer Zeit mal eine Galerie gemacht, bei der ich den onload-Event von Bildern ausnützte. Die Bilder waren auch per display:none versteckt. Der IE, FF und AFAIK Netscape haben den onload-Event gefeuert (also haben sie die Bilder geladen). Opera nicht. Allerdings bin ich mir nicht mehr ganz sicher, welche Versionen der Browser das waren.

    Also kann man nicht davon ausgehen, dass die Bilder nicht geladen werden.

    ciao, ww

    --
    sh:(  fo:|  ch:~  rl:(  br:>  n4:~  ie:%  mo:)  va:)  de:]  zu:)  fl:(  ss:|  ls:~  js:)
    1. Hallo!

      Also kann man nicht davon ausgehen, dass die Bilder nicht geladen werden.

      Ersatzidee:
      <img class=anzeigen src='anzeigen/bild1.jpg'>

      ohne Alternative. Aber per Klick mit Javascript den String "anzeigen/" durch "drucken/" ersetzen.

      Dann kommen die großen Dateien zuerst auf den Bildschirm, brauchen eine klare Breiten- und Höhenangabe, damit der nicht platzt. Und dann kann PDF mit den (hoffentlich) drucktauglichen Bildern erstellt werden.

      Da muss es ja deutliche Größenunterschiede der PDFs geben. Mal drucken ohne vorherigen Klick und dann mit.

      Kalle