0

我已经看到一些用户遇到同样的问题：

灯廊不工作

但我仍然无法让它工作，这是我的代码：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<style type="text/css"></style>
<link rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/lightGallery.css" /> 
<script src="js/jquery-1.12.0.min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/lg-thumbnail.min.js"></script>
<script src="js/lg-fullscreen.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("#lightgallery").lightGallery({
    selector: '.item'});
});
</script>

</head>

<body>
<div class="row">

 <ul class="lightgallery" id="lightgallery">
      <li a class="item" href="images/accessori1.jpg"><img src="images/accessori1.jpg"></a>
      </li>
      <li <a class="item" href="images/accessori1.jpg"><img src="images/accessori1.jpg"></a>
    </ul>
    </div>
</div>
</body>
</html>

无法弄清楚我错过了什么。

谢谢你的帮助

4

2 回答 2

1

您还没有连接主文件 - lightgallery.js。连接它。

于 2016-11-24T10:12:04.360 回答
0

你能检查一下这段代码，看看它是否有帮助？希望是的:)

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<style type="text/css"></style>
<link rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/lightGallery.css" /> 
<script src="js/jquery-1.12.0.min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/lg-thumbnail.min.js"></script>
<script src="js/lg-fullscreen.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("#lightgallery").lightGallery({
    selector: '.item'});
});
</script>

</head>

<body>
<div class="row">

 <ul class="lightgallery" id="lightgallery">
      <li a class="item" href="images/accessori1.jpg"><img src="images/accessori1.jpg"></a></li>
      <li ><a class="item" href="images/accessori1.jpg"><img src="images/accessori1.jpg"></a></li>
    </ul>
</div>
</body>
</html>
于 2016-02-28T06:38:45.233 回答