Lightbox2 未显示正确的总图像数

如何解决Lightbox2 未显示正确的总图像数

我安装了 LightBox2（实际版本 2.11.3）。在此处描述的示例中，我使用 sql 语句从我的 MysqL-db 加载图像。在这里，我收到一 (1) 张图像，该图像正确显示为拇指。当我点击这个拇指时，LightBox 会显示图片并告诉我：图片 1，共 6 个。
当我（例如）停用 html 代码中的 section 标签或 main 标签时，LightBox 告诉我：Image 1 of 4。

我不明白这种行为。我在哪里出错？

<link rel="stylesheet" type="text/css" href="./src/css/styles.css">
<!-- Stylesheet LightBox-->
<link rel="stylesheet" type="text/css" href="./src/css/lightBox.css">
<?PHP
    //Connect DB 
    require __DIR__  . '/connect/pdo.PHP';
    //Connect sql Statements
    require __DIR__  . '/PHPaddssql/de/sql.PHP';
?>

<body>
    <div class="flex-container"> 
        <section class="flex-section-mainBild">
                <main class="flex-articleMitteBild"> 
                    <?PHP 
                        $e = '821';
                    ?>
                    <div class="containerBilder">   
                        <?PHP
                            $resultSetBilder = fetch_Glaeser($e);
                            foreach($resultSetBilder AS $row):
                                $Link = $row['Link'];
                                $Brauerei = $row['Brauerei'];
                                $JG = $row['JG'];
                                echo "<div class='BilderBorder'><a href='PicturesBeer/$Link' data-lightBox='Show' data-title='$Brauerei'><img src='PicturesBeer/$Link' alt='Bierglas' width='240px'<br><div class='BorderColor'>$JG&nbsp</div><div class='BorderColor'>$Bemerkungen&nbsp</div></div>";
                            endforeach;
                        ?>
                    </div>
                </main>
        </section>
    </div>
    <script src="src/js/lightBox-plus-jquery.js"></script>                                  
</body>