Dienstag, 22. Juni 2021 – zuletzt vor 4 Jahren aktualisiert
Bilder drucken leicht gemacht
Hinweis: Dieser Artikel wurde seit längerer Zeit nicht aktualisiert.
Die beschriebenen Techniken funktionieren weiterhin, sollten aber ggf. an aktuelle Anforderungen angepasst werden.
Demo
Bild druckenEine ganze Webseite ausdrucken – kein Problem. Aber wenn nur ein einzelnes Bild gedruckt werden soll, dann kommen weniger versierte Besucher u.U. an ihre Grenzen.
Mit ein wenig JavaScript kann man dem Besucher die Arbeit erleichtern:
<script>
function ImagetoPrint(source) {
return "<html><head><scri"+"pt>function step1(){\n" +
"setTimeout('step2()', 10);}\n" +
"function step2(){window.print();window.close()}\n" +
"</scri" + "pt></head><body onload='step1()'>\n" +
"<img src='" + source + "' /></body></html>";
}
function PrintImage(source) {
var Pagelink = "about:blank";
var pwa = window.open(Pagelink, "_new");
pwa.document.open();
pwa.document.write(ImagetoPrint(source));
pwa.document.close();
}
</script>
Der Aufruf des Scripts erfolgt mit folgendem Code:
<a href="#" onclick="PrintImage('Pfad_zum_Bild.jpg'); return false;">Bild drucken</a>
-
- Das Script öffnet den Standard-Druckdialog des Benutzers mit den dort gespeicherten Einstellungen.
Dank für die Anregung an stackoverflow.com
Copyright-Hinweis
Artikeltexte und Code-Snippets: Creative Commons
CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.
Kommentare
Über Ihren Kommentar zu diesem Artikel freue ich mich.
Wenn Sie aber Fragen haben, und eine Antwort erwarten, nutzen Sie bitte das Supportforum! Die Nutzung des Forums ist auch ohne Registrierung möglich.