Skip to main content
Avoid page breaks.
Source Link

If you are comfortable working with HTML, a quick table could work:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Photos</title>
    <meta charset="UTF-8" />
    <style>
        * { border-collapse: collapse; }
        tr { page-break-inside: avoid; }
        td { border-style: solid;  width: 50%; vertical-align: top; }
        img { width: 100%; }
    </style>
</head>
<body>
<table>
    <script>
        for ( let num=1; num<=6; ++num ) {
            document.write( '<tr> <td> <img src="file:/data/Scans/' + ("0000"+num).slice(-4) + '.jpeg" /> </td> <td>Photo ' + num + ' Details:</td> <tr>\n' )
        }
    </script>
</table>
</body>
</html>

That will generate a table like:

<tr> <td><img src="file:/data/Scans/0001.jpeg"></td> <td>Photo 1 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0002.jpeg"></td> <td>Photo 2 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0003.jpeg"></td> <td>Photo 3 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0004.jpeg"></td> <td>Photo 4 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0005.jpeg"></td> <td>Photo 5 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0006.jpeg"></td> <td>Photo 6 details:</td> </tr>

Which will look like:

enter image description here

If you are comfortable working with HTML, a quick table could work:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Photos</title>
    <meta charset="UTF-8" />
    <style>
        * { border-collapse: collapse; }
        td { border-style: solid;  width: 50%; vertical-align: top; }
        img { width: 100%; }
    </style>
</head>
<body>
<table>
    <script>
        for ( let num=1; num<=6; ++num ) {
            document.write( '<tr> <td> <img src="file:/data/Scans/' + ("0000"+num).slice(-4) + '.jpeg" /> </td> <td>Photo ' + num + ' Details:</td> <tr>\n' )
        }
    </script>
</table>
</body>
</html>

That will generate a table like:

<tr> <td><img src="file:/data/Scans/0001.jpeg"></td> <td>Photo 1 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0002.jpeg"></td> <td>Photo 2 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0003.jpeg"></td> <td>Photo 3 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0004.jpeg"></td> <td>Photo 4 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0005.jpeg"></td> <td>Photo 5 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0006.jpeg"></td> <td>Photo 6 details:</td> </tr>

Which will look like:

enter image description here

If you are comfortable working with HTML, a quick table could work:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Photos</title>
    <meta charset="UTF-8" />
    <style>
        * { border-collapse: collapse; }
        tr { page-break-inside: avoid; }
        td { border-style: solid;  width: 50%; vertical-align: top; }
        img { width: 100%; }
    </style>
</head>
<body>
<table>
    <script>
        for ( let num=1; num<=6; ++num ) {
            document.write( '<tr> <td> <img src="file:/data/Scans/' + ("0000"+num).slice(-4) + '.jpeg" /> </td> <td>Photo ' + num + ' Details:</td> <tr>\n' )
        }
    </script>
</table>
</body>
</html>

That will generate a table like:

<tr> <td><img src="file:/data/Scans/0001.jpeg"></td> <td>Photo 1 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0002.jpeg"></td> <td>Photo 2 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0003.jpeg"></td> <td>Photo 3 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0004.jpeg"></td> <td>Photo 4 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0005.jpeg"></td> <td>Photo 5 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0006.jpeg"></td> <td>Photo 6 details:</td> </tr>

Which will look like:

enter image description here

Source Link

If you are comfortable working with HTML, a quick table could work:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Photos</title>
    <meta charset="UTF-8" />
    <style>
        * { border-collapse: collapse; }
        td { border-style: solid;  width: 50%; vertical-align: top; }
        img { width: 100%; }
    </style>
</head>
<body>
<table>
    <script>
        for ( let num=1; num<=6; ++num ) {
            document.write( '<tr> <td> <img src="file:/data/Scans/' + ("0000"+num).slice(-4) + '.jpeg" /> </td> <td>Photo ' + num + ' Details:</td> <tr>\n' )
        }
    </script>
</table>
</body>
</html>

That will generate a table like:

<tr> <td><img src="file:/data/Scans/0001.jpeg"></td> <td>Photo 1 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0002.jpeg"></td> <td>Photo 2 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0003.jpeg"></td> <td>Photo 3 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0004.jpeg"></td> <td>Photo 4 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0005.jpeg"></td> <td>Photo 5 details:</td> </tr>
<tr> <td><img src="file:/data/Scans/0006.jpeg"></td> <td>Photo 6 details:</td> </tr>

Which will look like:

enter image description here