Drucken Array von Bildern

Question

Ich habe ein Javascript-Array, das Bild-Pfade enthält.

(Das Array wird über Ajax/Json generiert und stammt aus einem PHP-Skript).

Jetzt möchte ich jedes der Bilder ausdrucken. Jedes Bild sollte auf einer separaten Seitenbreite gedruckt werden width=100%

Was ist der schnellste Weg? Muss ich jedes Bild innerhalb einer div anzeigen lassen (die einen CSS-Seitenumbruch nach Stil hat) und dann drucken oder ist es möglich, die Bilder direkt zu drucken.

Answer 1

ich nicht getestet, aber

@media print { 
    * 
    {  
    display: none !important; 
    } 

    .printable 
    { 
    display: block !important; 
    width=100%; 
    break-after: always; 
    page-break-after: always; 
    } 
} 

und haben

var cnt = 0; 
function printImages() { 
    var container = document.getElementById("imageContainer"); 
    for (var i=0;i<images.length;i++) { 
    var img = document.createElement('img'); 
    img.className="printable"; 
    img.onload=function() { 
     cnt++; 
     if (cnt==images.length) { 
     window.print(); 
     } 
    } 
    img.src=images[i]; 
    container.appendChild(img); 
    } 
}