lightbox2 模态在部署时不显示图像的问题

Issue with lightbox2 modal not displaying images upon deployment

菜鸟在这里,这是我的第一个问题。我在部署网站时遇到 lightbox2 模态不显示图像的问题。除了显示图像外,模态似乎可以正常工作。该模式在我的文本编辑器 (VSCode) 实时 server/local 主机上也能完美运行,但当我将文件上传到 Hostinger 时停止显示图像。该网站是https://takemehometransport.com。任何帮助是极大的赞赏。

我已经研究并尝试了几种解决方案,包括 Whosebug 上的类似问题,但没有任何效果。我使用 Chrome 和 Firefox 作为浏览器。

这是我的代码...

<head>
    <link rel="stylesheet" href="css/lightbox.min.css">
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
    <div id="galleryImages>
        <a href="Images/Gallery/Gallery1.jpg" data-lightbox="galleryModal"><img src="images/Gallery/Gallery1.jpg" alt=""></a>
        <a href="Images/Gallery/Gallery2.jpg" data-lightbox="galleryModal"><img src="images/Gallery/Gallery2.jpg" alt=""></a>
        <a href="Images/Gallery/Gallery3.jpg" data-lightbox="galleryModal"><img src="images/Gallery/Gallery3.jpg" alt=""></a>

    </div>

<!-- SCRIPTS -->
    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="js/lightbox.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

</body>

显然,我希望在通过单击图库页面上的图像调用时看到模式中显示的图像。

问题是输入错误link。将 href="Images/Gallery/Gallery1.jpg" 更改为 href="images/Gallery/Gallery1.jpg" 它应该可以工作。