CODEWITHSUNDEEP
lightgallery
CiaKKi
CiaKKi

Reputation: 1

unable to get Lightagallery js to work: Uncaught TypeError: Cannot read property 'modules' of undefined

i've already seen some user with the same problem:

Lightgallery not working

but i still can't get it to work, here's my code:

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

Can't figure out what i'm missing.

Thanks for any help

Upvotes: 0

Views: 2728

Answers (2)

Artyom Lisovskij
Artyom Lisovskij

Reputation: 78

You haven't connect main file - lightgallery.js. Connect it.

Upvotes: 1

Star
Star

Reputation: 54

Can you please check this code and see if it does any help? Hope it does :)

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

Upvotes: 0

Related Questions