Question

我正在尝试使用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>

但是，在我的测试网页上显示的图像模式类型不是单击链接，而是显示在浏览器上的另一个页面 - 我必须点击＆＃34;返回＆＃34;返回我的网络应用程序。

如果图像点击工作正常，我缺少什么？

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

enter image description here

Answer 1

我无法立即看到问题，但您可以查看浏览器的javascript控制台以获取更多详细信息。似乎香草盒由于某种原因未被激活。

编辑：这应该是OP的评论，但出于某种原因，我没有看到“添加评论”???

无法使用Vanillabox正确显示图像

1 个答案: