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" 它应该可以工作。
菜鸟在这里,这是我的第一个问题。我在部署网站时遇到 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" 它应该可以工作。