2016-02-14 3 views
0

я уже видел некоторые пользователя с той же проблемой:смог Lightagallery JS для работы: неперехваченным TypeError: Не удается прочитать свойство «модулей» неопределенной

Lightgallery not working

, но я до сих пор не может получить он должен работать, вот мой код:

<!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> 

Не могу понять, что мне не хватает.

Спасибо за любую помощь

+0

Что именно вы пытаетесь достичь? В чем проблема? – AMACB

+0

Я пытаюсь создать сетку фотографий, и когда я нажимаю на фотографию, начнется светлая галерея. – CiaKKi

ответ

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> 
0

У вас нет основного файла - lightgallery.js. Соедините его.