javascript - 无法使用 Vanillabox 正确显示图像-6ren

javascript - 无法使用 Vanillabox 正确显示图像

转载作者：行者123 更新时间：2023-11-28 08:17:59

我正在尝试使用 Vanillabox，我刚刚从 http://cocopon.me/app/vanillabox/index.html 下载它.

我已经实现它以在我的应用程序上显示图像:

<head>
     <meta charset="UTF-8">
     <title>Guarantee</title>
     <link href="css/bootstrap.css" rel="stylesheet">
     <link rel="stylesheet" href="vanillabox/theme/bitter/vanillabox.css">
     <script src="js/jquery-2.1.0.js" type="text/javascript"></script>
     <script type="text/javascript" src="vanillabox/jquery.vanillabox.js"></script>
</head>

............

<div class="col-md-4" style="text-align: left">
        <a id="singleimage" href="images/testimonies/Rolls Royce Testimony 
        Highlighted.JPG" style="color: black; font-weight: bold;">Rolls Royce 
        Testimony Highlighted</a>
</div>

............

   <script type="text/javascript">
       $(document).ready(function() {
           $("#singleimage").vanillabox({
               closeButton: true
           });
       });
   </script>    
</body>

但是，单击链接会在浏览器上显示为另一个页面，而不是在我的测试网页上显示图像模式类型 - 我必须在其中单击“后退”才能返回到我的 Web 应用程序。

我缺少什么才能使图像点击正常工作？

我已经验证了js和css文件的路径:

enter image description here