图像未显示在nanogallery2

时间:2018-07-15 19:11:08

标签: nanogallery

我用以下代码制作了一个页面:

<html>
<head>
<script  type="text/javascript"  src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link    href="css/nanogallery2.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<body>
  <div id="nanogallery2" data-nanogallery2 = '{
          "thumbnailHeight":  150,
          "thumbnailWidth":   150,
          "itemsBaseURL":     "file:///home/reginald/dev/nanogallery/"
        }' >
    <a href="video1.mp4" data-ngThumb="thumbnail1.jpg"> Title video 1 </a>
    <a href="video2.mp4" data-ngThumb="thumbnail2.jpg"> Title video 2 </a>   
  </div>
</body>

</html>

使用代码检查器时,我看到所有源都已加载,但是以某种方式这些图片未显示在页面中。我在这里做什么错了?

此致

1 个答案:

答案 0 :(得分:0)

脚本本身丢失。您还需要加载它。

在标题末尾之前添加以下行:

<script  type="text/javascript" src="https://unpkg.com/nanogallery2@2.2.0/dist/jquery.nanogallery2.min.js"></script>