我用以下代码制作了一个页面:
<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>
使用代码检查器时,我看到所有源都已加载,但是以某种方式这些图片未显示在页面中。我在这里做什么错了?
此致
答案 0 :(得分:0)
脚本本身丢失。您还需要加载它。
在标题末尾之前添加以下行:
<script type="text/javascript" src="https://unpkg.com/nanogallery2@2.2.0/dist/jquery.nanogallery2.min.js"></script>