画像の配列を印刷

Question

私は画像pathesを含むjavascript配列を持っています。

var images = ["pictures/pic1.jpg", "pictures/pic2.jpg", "pictures/pic3.jpg"]; 

（配列はAjax/Jsonを介して生成され、phpスクリプトから生成されます）。

今私はそれぞれの写真をプリントアウトしたいと思います。 各写真は別のページ幅で印刷する必要がありますwidth=100%

最も速い方法は何ですか？ div（スタイルの後にCSSページ区切りを持つ）の中に各画像を表示しなければならないか、それとも印刷するか、画像を直接印刷することができるか。

Answer 1

私はこれをテストしたが、

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

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

試してみて、

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); 
    } 
}